Skip to content
Highcharts
    • charting

      • highcharts® Core

        Our core library. Includes all standard chart types and more.

      • highcharts® Stock

        Create stock or general timeline charts.

      • highcharts® Maps

        Build interactive maps linked to geography.

      • highcharts® Gantt

        Display tasks, events, and resources along a timeline.

    • dashboards

      • highcharts® Dashboards

        Create elegant dashboards with our dashboard tools.

    • add-ons

      • highcharts® Grid

        NEW

        Create interactive, responsive data tables

      • highcharts® GPT

        Create data visualizations with natural language prompts.

      • highcharts® Editor

        Create interactive charts with our user-friendly wizard.

    • support-maintenance

      • highcharts® Advantage

        Our best-in-class support program

      • highcharts® Custom projects

        Custom implementation services

    • Highcharts®Integrations

      Official integrations for popular frameworks

      • React
      • TypeScript
      • Angular
      • Vue
      • JavaScript
      • Flutter
      • Node JS
      • Python
      • Svelte
      • See more integrations
    • Highcharts®Data Connectors

      Connect Highcharts to external data sources

      • Morningstar
      • Request a data connector
  • Demos
    • documentation

      • Documentation

        Easy to follow, extensive and well organized.

      • API reference

        Filled with helpful examples, our API reference will have you customizing your charts in no time.

      • Changelog

        Keep up to date with our ongoing improvements and releases.

      • Roadmap

        Learn what we have planned for future Highcharts enhancements and features.

    • learning

      • Highcharts Academy

        Learn Highcharts for free.

      • Education license

        Use Highcharts for free in your educational projects.

      • Chart Chooser

        Find your chart based on your data type and objective.

    • tools

      • Figma plugin

        Incorporate real charts in your Figma designs.

      • Highcharts GPT

        Create reliable and secure data visualizations in seconds with natural language inputs using human-like conversations.

    • community

      • Case studies

        Check out how our customers are using Highcharts.

      • Accessibility

        Visit our Accessibility Portal for resources and tutorials on creating accessible data visualizations.

      • HIGHSOFT LAB

        Test drive our new ideas and products in our innovation playground.

      • Highcharts on Discord

        Connect with fellow developers.

  • Support
  • Blog
    • Our Story

      Learn how Highcharts started as Torstein's humble quest for a simple charting tool.

    • Discover the team

      Get to know the talented individuals that bring Highcharts to life.

    • Join the team

      Come join us building the future of Highcharts.

    • Press

      Download our logos or read about us in press.

    • Contact Us

      We'd love to help you. Learn how you can reach us.

Try For Free See Pricing
  • Highcharts
    • Highcharts Documentation
  • Getting started
    • System requirements
    • Installation
    • Installation with ES6 modules
    • Installing with NPM
    • Installation with AMD or CommonJS modules
    • Your first chart
    • How to set options
    • Frequently asked questions
    • Creating custom Highcharts packages
    • Optional dependencies
    • A wind of change with Highcharts version 12
  • Chart concepts
    • Understanding Highcharts
    • Title and subtitle
    • Axes
    • Bubble legend
    • Series
    • Tooltip
    • Legend
    • Scrollbars
    • Plot bands and plot lines
    • Zooming
    • Labels and string formatting
    • Templating
    • Drill down
    • Getting started with Highcharts 3D support
    • Responsive charts
    • Highcharts Security
    • Dataviz Glossary
    • Understanding Common Highcharts Events
  • Stock
    • Getting started with Highcharts Stock
    • Understanding Highcharts Stock
    • Stock tools
    • Advanced Annotations module
    • Candlestick chart
    • Compare
    • Cumulative Sum
    • Hollow Candlestick chart
    • Heikin Ashi chart
    • Highcharts: Understanding Renko Series
    • Point and Figure chart
    • Data grouping
    • Depth Chart
    • Flag series
    • Navigator
    • HLC chart
    • OHLC chart
    • Range selector
    • Axis resizer
    • Technical indicators
    • Custom technical indicators
    • Standalone Navigator
  • Maps
    • Getting started with Highcharts Maps
    • Map View and Projection
    • Map navigation
    • Color axis
    • Map Collection
    • Creating custom maps
    • Custom GeoJSON maps
    • Adding points and lines
    • Map drill down
    • Map series
    • Map line series
    • Map point series
    • TiledWebMap
    • Flow map
    • Map Bubble
    • Marker clusters
    • Tilemaps
    • GeoHeatMap Series
  • Gantt
    • Getting started with Gantt
    • Grouping tasks in a hierarchy
    • Dependencies between tasks
    • Gantt axis grid
    • Gantt task configuration
  • Dashboards
    • Installation
    • Your first dashboard
    • Wrappers
      • Highcharts Dashboards with Angular
      • Highcharts Dashboards with React
      • Highcharts Dashboards with Vue
    • Layout
    • Style by CSS
    • Edit mode
    • Types of Dashboards components
    • Grid Component
    • Migration Guide: Dashboards 4.0.0, Grid Lite 2.0.0 & Grid Pro 2.0.0
    • KPI Component
    • Highcharts Component
    • HTML Component
    • Navigator component
    • Synchronizing Dashboards components
    • Light and Dark Theme
    • Data Handling
    • Data Pool & Connectors
    • Data Table
    • Data Modifiers
    • MathModifier module
    • Custom Dashboards components
    • Installation with ES6 modules
    • Export Dashboards to JSON
    • Frequently asked questions
  • Grid
    • Introduction
    • Installation
    • Understanding Highcharts Grid
    • Columns options
    • Header options
    • Cell editing Pro
    • Cell renderers Pro
    • Sparklines Pro
    • Column Filtering
    • Events Pro
    • Exporting Highcharts Grid Pro
    • Pagination
    • Theming
      • Introduction
      • Variables
    • Performance and rendering
    • Accessibility
    • Wrappers
      • Angular
      • React
      • Vue
  • Chart and series types
    • Chart types
    • Combining chart types
    • 3D cylinder
    • 3D funnel
    • 3D pyramid
    • Angular gauges
    • Arc diagram
    • Area chart
    • Areaspline chart
    • Bar chart
    • Bell curve
    • Box plot series
    • Bubble series
    • Bullet chart
    • Column chart
    • Column pyramid
    • Dependency wheel
    • Dumbbell chart
    • Error bar series
    • Funnel series
    • Heatmap
    • Histogram
    • Item chart
    • Line chart
    • Lollipop chart
    • Network graph
    • Organization chart
    • Packed bubble
    • Parallel coordinates
    • Pareto chart
    • Pictorial series
    • Pie chart
    • Polar (Radar) chart
    • Radial (or Circular) bar chart
    • Range series
    • Sankey diagram
    • Scatter chart
    • Spline chart
    • Stream graph
    • Sunburst
    • Timeline chart
    • Treegraph chart
    • Treemap
    • Variable radius pie
    • Variwide chart
    • Vector plot
    • Venn series
    • Waterfall series
    • Wind barbs
    • Word cloud
    • X range series
  • Advanced chart features
    • How to use the SVG Renderer
    • Annotations module
    • Creating custom annotations
    • Annotations GUI
    • Boost module
    • Breadcrumbs
    • Data sorting
    • Marker clusters
    • Bubble legend
    • Debugger module
    • Freeform drawing
    • Internationalization
    • Pie dataLabels alignment
    • Stacking charts
    • Highcharts TypeScript Declarations
  • Export module
    • Export module
    • Client side export
    • Setting up your own export server
    • Command Line Rendering
    • Export server Terms of Use 
  • Working with data
    • Working with data
    • Data compression
    • Data module
    • Custom Preprocessing
    • Live data
    • Data from a database
    • Cross domain data
    • Server side data grouping
    • Morningstar Connectors
      • Morningstar Connectors
      • Goal Analysis
      • Portfolio Risk Score
      • Regulatory News Announcements (RNANews)
      • Security Details
      • Security Compare
      • X Ray
      • Performance
      • Hypothetical Performance
      • Time Series
        • Time Series
        • Cumulative Return
        • Dividend
        • Growth
        • OHLCV
        • Price
      • Screeners
        • Screener
        • ESG Screener
        • Find Similar Screener
        • Investment Screener
        • Investor Preferences
        • Regulatory Screener
  • Chart design and style
    • Design and style
    • Colors
    • Pattern fills
    • Dark Mode and Themes
    • Style by CSS
    • Custom themes in styled mode
    • Gradients, shadows, and pattern fills in styled mode
  • Accessibility
    • Accessibility module
    • Accessibility module feature overview
    • Advanced accessibility configuration
    • Dynamic data and drilldown
    • Patterns and contrast
    • Tables
    • Accessibility compliance
  • Audio charts
    • Getting Started with Audio Charts
    • Mapping to Data
    • Advanced Mapping
    • Instruments
    • Speech
    • Conditional Tracks
    • Notifications and Earcons
    • Context Cues
    • Navigation for Audio Charts
  • Extending Highcharts
    • Extending Highcharts
  • Flutter
    • Getting started with Highcharts Flutter
    • Your first chart
    • Bundle Highcharts into a Flutter app
  • React integration
    • Getting started
    • Series and Chart components
    • Setting options
    • Format options with components
    • Next.js
    • Appendix A: Option Component children
    • V4 Migration Guide

Highcharts Documentation

Topics

  • Installation
  • Your first chart
  • Your first dashboard
  • General FAQs
  • Dashboards FAQs
  • Introduction to Grid

Demos

For live examples see our demo pages:

  • Highcharts demo
  • Highcharts Stock demo
  • Highcharts Maps demo
  • Highcharts Gantt demo
  • Highcharts Dashboards demo
  • Highcharts Grid demo

API

For more specific information on Highcharts options and functions, visit our API sites which also include several live and customizable examples.

  • Highcharts API reference
  • Highcharts Stock API reference
  • Highcharts Maps API reference
  • Highcharts Gantt API reference
  • Highcharts Dashboards API reference
  • Highcharts Grid API reference
Edit this page
Next
System requirements »
  • Topics
  • Demos
  • API
Highcharts

Shortcuts

  • Products
  • Demos
  • Download
  • Get a license
  • Blog

Developer

  • Documentation
  • API Reference
  • Accessibility
  • Changelog
  • Roadmap
  • Highsoft Lab

Support

  • Highcharts Forum
  • Stack Overflow
  • Github
  • Support portal
  • How to choose the
    right chart
  • Custom Projects

Site

  • Cookie Policy
  • Cookie Preferences
  • Privacy Policy
  • Standard License Agreement
  • Fair Usage Policy
  • Sitemap
  • Accessibility Statement

About

  • Our Story
  • Discover the Team
  • Join the Team
  • Contact
  • Press
  • Code of Conduct
  • Due Diligence Transparency Act
© 2025 Highcharts. All rights reserved.
Cookie Policy