Highcharts 圖表開發

Highcharts is a modern SVG-based, multi-platform charting library. It makes it easy to add interactive charts to web and mobile projects. It has been in active development since 2009, and remains a developer favorite due to its robust feature set, ease of use and thorough documentation.

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 offers an accessible interactive chart solution to empower people with disabilities. Each Highcharts license includes our Accessibility module and a flexible sonification API. The Accessibility module allows you to create charts as accessible as possible, whereas the sonification API helps you support multiple ways to bring data to life with sound. Visit our Accessibility Portal for more information.

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.