Highcharts gives you a solid foundation from day one, so you can focus on building real product value. Everything you need to ship reliable, polished data visualizations is already here.

Check out Highcharts demos and examples to learn how to create interactive charts with Highcharts core, Highcharts Stock, Highcharts Maps, Highcharts Gantt, and Highcharts …

The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages. Read more about how to install …

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, the core library of our product suite, is a pure JavaScript charting library based on SVG that makes it easy for developers to create responsive, interactive and accessible charts. …

If you are inserting a Stock chart, there is a separate constructor method called Highcharts.stockChart. In these charts, typically the data is supplied in a separate JavaScript …

Highcharts is already included in Highcharts Stock, Maps, and Gantt, so it is not necessary to load both. The highstock.js, highmaps.js and highcharts-gantt.js files are included in the download …

With ten colors, series (or points) are given class names like highcharts-color-0, highcharts-color-1 [...] highcharts-color-9. The equivalent in non-styled mode is to set colors using the colors …

Sep 4, 2025 · These pages outline the chart configuration options, and the methods and properties of Highcharts objects. Feel free to search this API through the search bar or the …

To understand how Highcharts works, it is important to understand the various parts, or concepts, of a chart. The image below describes the main concepts in a chart.