Web Analytics Made Easy -
StatCounter
Main Glossary Highcharts

Highcharts

Highcharts

What is Highcharts?

Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, Angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, Waterfall and polar chart types.

Works with your stack

All our charting libraries work with any back-end database or server Stack. Data can be given in any form, including CSV, JSON or loaded and updated live. Wrappers for most popular languages, such as .NET, PHP, Python, R, and Java, as well as iOS, and Android, and frameworks like Angular, Vue and React, are available from Highcharts or our community.

Touch and mobile optimized

Intelligent responsiveness goes beyond fitting the chart to the dimensions of its container, but places non-graph elements such as labels, legends and headings in the most optimal location automatically. Multi-touch gesture support allows for a native experience on mobile and touch screens. Single touch-drag for data inspection, multi-touch for zooming, and more.

Annotations, supporting user interaction

With annotations, developers may describe charts or data points by drawing simple shapes and text anywhere on the canvas or tethered to specific data points. Alternatively, the annotation module includes an API to build user interfaces, such as buttons, toolbars and dialogues, enabling end-users to place their own annotations on a chart. Placement and visibility of annotations intelligently respond to canvas/screen size at run-time. Full-blown editors for end users

The free Highcharts Editor enables developers to embed a full-featured charts editor to their CMS or web app with just a few lines of code.

Debugger

The Highcharts Debugger will help you speed up development by providing instantaneous warnings and error reports above your charts. The error messages provide clear instructions on how to resolve your issue.

Options are optional

In most cases, charts look and behave exactly as you need without modifications. A simple options-structure allows for deep customization, and styling can be done via JavaScript or CSS. Highcharts is also extendable and pluggable for experts seeking advanced animations and functionality. Check out some advanced customizations in our community section, and plugins in our our extensions directory.

Data processing in the browser

With Highcharts, source data can be post-processed in the client in order to improve the user experience. From version 8 and onward, you may enable marker clusters to your scatter series type of charts, and chose from 3 clustering algorithms. Another nice data processing feature is the ability to sort data, regardless of whether the data source is sorted.

Typescript

Thanks to the integration of TypeScript declarations, the Highcharts npm package allows type checking for most Highcharts options and functions, including auto-complete code with integrated documentation for TypeScript-capable editors like Visual Studio Code.

Accessibility & Sonification

Highcharts sports the industry’s most sophisticated accessibility support for visually impaired users, and users with keyboard navigation only, meeting and exceeding both Section 508 requirements and WCAG 2 guidelines. Also includes a basic sonification API, that supports multiple ways to bring data to life with sound.

Vibrant community

The largest developer community of any premium charting tool on GitHub, StackOverflow, and other forums is eager to offer additional assistance, platform-specific implementation advice and inspiration when you need it. In addition, we have dozen dedicated support engineers monitoring our forums, StackOverflow, GitHub and support emails.

BigData ready

When your need to render thousands or millions of datapoints in the browser, our WebGL-powered boost module delivers speed that leaves Plotly, dygraphs and other performance-focused charting libraries in the dust.

Export & Print

With the exporting module enabled, your users can export the chart to PNG, JPG, PDF or SVG format at the click of a button, or print the chart directly from the web page.

Dynamic

Numerous events supply hooks for programming against the charts, making it easy to demonstrate complex relationships between data with live, dynamic updates of data and customizable animations. Data can be handled over to Highcharts in any form, even from a different site, and a callback function used to parse the data into an array.

Source Available

For all license types, including the free, non-commercial licenses, you are allowed to download the source code, inspect it, and make your own edits.

Do you want to use Highcharts for a personal website, a school site or a non-profit organization? Just get yourself a free, non-commercial license. For commercial websites and projects, we offer flexible License and Pricing options, including special pricing for startups.

official highcharts.com
src stackshare.io/highcharts