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