Highcharts JS 관련 정보

웹 페이지 및 웹 애플리케이션을 위한 데이터 시각화, 차트 및 다이어그램입니다.

Highcharts is the industry-leading JavaScript charting library. Highcharts is used by tens of thousands of developers and over 80% out of the world's 100 largest companies. Highcharts is an SVG-based, multi-platform charting library that has been actively developed since 2009. It makes it easy to add interactive, mobile-optimized charts to your web pages and mobile projects. It features robust documentation, advanced responsiveness, and industry-leading accessibility support.

Highcharts Features:

Backend-agnostic
All the charting libraries work with any back-end database or server stack.

Wrappers, Frameworks, and Add-Ons
Highcharts offers wrappers for the most popular languages, such as .NET, PHP, Python, R, and Java, and iOS, which are available from Highcharts or their community. Highcharts also supports the most popular frameworks such as React, Angular, VueJS, and more.

Responsive across devices
Default responsiveness goes beyond fitting the chart to the dimensions of its container but automatically finds an optimal placement for non-graph elements such as legends and headings.

Data
Data can be given in any form, such as CSV, JSON, and updated live. Use Highcharts Data Module to load data from external sources, such as CSV files, HTML tables, or Google Spreadsheets.

BigData Ready
Thanks to Highcharts WebGL-powered Boost Module, you can render thousands or millions of data in the browser.

Annotations
With annotations, developers may describe charts or data points by drawing shapes and text anywhere on the canvas or bound to specific data points. Placement and visibility of annotations intelligently respond to canvas/screen size.

Accessibility
Highcharts offers an accessible interactive chart solution to empower people with disabilities.
Every Highcharts license includes the Highcharts Accessibility Module, which helps ensure your charts are as accessible as possible. Highcharts uses the WCAG 2.1 standard as a guideline and involves users with disabilities in testing and feature development.

Touch optimized
Touch-optimized charts allow for a native experience on mobile and touch screens. Single touch-drag for data inspection, multi-touch for zooming, and more.

Options are optional
In most cases, charts look and behave exactly as you need without any modifications. For anything else, a simple options structure allows for deep customization.
Highcharts is also extendable and pluggable for experts seeking advanced animations and functionality.

Flexible styling
The elegant charts render crisp and clear at any resolution and are easily styled via JavaScript or CSS.

Dynamic - Live updates with fresh data
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 handed over to Highcharts in any form, even from a different site, and a callback function used to parse the data into an array.

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.

List of chart types supported by Highcharts:

  • Area
  • Area range
  • Area-spline
  • Area-spline range
  • Bar
  • Bell curve
  • Box plot
  • Bubble
  • Bullet
  • Column
  • Column pyramid
  • Column range
  • Cylinder
  • Dependency wheel
  • Dumbbell
  • Error bar
  • Funnel
  • Gauge
  • Heatmap
  • Histogram
  • Item
  • Line
  • Lollipop
  • Nnetwork graph
  • Organization charts
  • Packed bubble
  • Pareto
  • Pie
  • Polygon
  • Pyramid
  • Sankey
  • Scatter
  • Series
  • Solid gauge
  • Spline
  • Stream graph
  • Sunburst
  • Tilemap
  • Timeline
  • Treemap
  • Variable pie
  • Variwide
  • Vector
  • Venn
  • Waterfall
  • Wind barb
  • Word cloud
  • X range
  • 3D charts
  • etc.