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® 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 project

        NEW

        Custom implementation services

    • Highcharts®Integrations

      Incorporate Highcharts into your framework projects with our official integrations.

      • Android
      • Angular
      • iOS
      • JavaScript
      • .NET
      • Node JS
      • Python
      • React
      • Svelte
      • TypeScript
      • Vue
      • See more integrations
    • 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.

      • Change log

        Keep up to date with our ongoing improvements and releases.

      • Roadmap

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

    • learning

      • 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.

  • Demos
  • 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
  • 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
  • Stock
    • Getting started with Highcharts Stock
    • Understanding Highcharts Stock
    • Stock tools
    • Candlestick chart
    • Compare
    • Cumulative Sum
    • Hollow Candlestick chart
    • Heikin Ashi 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 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
    • Highcharts Dashboards with Angular
    • Highcharts Dashboards with React
    • Highcharts Dashboards with Vue
    • Layout
    • Style by CSS
    • Edit mode
    • Types of components
    • DataGrid Component
    • KPI Component
    • Highcharts Component
    • HTML Component
    • Navigator Component
    • Synchronizing 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
  • DataGrid
    • DataGrid
  • 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
    • Annotations and fibonacci retracements
    • 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
  • Chart design and style
    • Design and style
    • Colors
    • Pattern fills
    • 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
    • Accessible dynamic data
    • 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

Highcharts Documentation

Topics

  • Installation
  • Your first chart
  • Your first dashboard
  • General FAQs
  • Dashboards FAQs

Demos

For live examples see our demo pages:

  • Highcharts demo
  • Highcharts Stock demo
  • Highcharts Maps demo
  • Highcharts Gantt demo
  • Highcharts Dashboards 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
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
  • Sitemap
  • Accessibility Statement

About

  • Our Story
  • Discover the Team
  • Join the Team
  • Contact
  • Press
  • Code of Conduct
  • Sustainability Report 2023
© 2024 Highcharts. All rights reserved.
Cookie Policy