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

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 in your favorite TypeScript-Editor provides auto-completion, integrated documentation, and type checking. Install Highcharts from the NPM registry to use the latest TypeScript definitions.

Use Highcharts Dashboards to save time with pre-built components and built-in data synchronization. Integrate seamlessly with Highcharts products for powerful data visualization.

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 array, either taken from a …

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.

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.

Whether you’re a big company or a one-person shop, Highcharts support plans and services give you access to the resources and expertise you need to make your Highcharts implementation fast and …

4. Loading modules (optional) If you wish to load additional Highcharts modules, use the setHighcharts function: