Highcharts | Highcharts.com

Line charts

Highcharts basic line chart JavaScript example displays graph plot of solar employment growth areas over time.

Screenshot of 'Ajax loaded data, clickable points' demo

Screenshot of 'With data labels' demo

Highcharts basic line chart with annotations JavaScript example displays annotated shaded graph plot of Tour France.

Screenshot of 'Time series, zoomable' demo

Screenshot of 'Spline with inverted axes' demo

Screenshot of 'Spline with symbols' demo

Screenshot of 'Spline with plot bands' demo

Screenshot of 'Time data with irregular intervals' demo

Screenshot of 'Logarithmic axis' demo

Screenshot of 'Line chart with 500k points' demo

Area charts

Highcharts basic area chart JavaScript example graph compares cold war nuclear weapon stockpile peaks over time.

Screenshot of 'Area with negative values' demo

Highcharts percentage area chart JavaScript example graph compares and estimates global continental population growth over time.

Screenshot of 'Percentage area' demo

Screenshot of 'Area with missing points' demo

Screenshot of 'Inverted axes' demo

Screenshot of 'Area-spline' demo

Screenshot of 'Area range' demo

Screenshot of 'Area range and line' demo

Screenshot of 'Sparkline charts' demo

Screenshot of 'Streamgraph' demo

Column and bar charts

Screenshot of 'Basic bar' demo

Highcharts horizontal stacked bar chart JavaScript example graph compares human fruit consumption of apple pear grape.

Screenshot of 'Bar with negative stack' demo

Highcharts vertical basic column chart JavaScript example graph compares monthly average rainfall in major cities clusters.

Chart showing the top 5 countries by the amount of the winning gold medals from the last five editions of the Summer Olympics. The columns behind the main column show the results from the previous edition for a particular country. Each columns group has a xAxis label rendered as a country flag.

Screenshot of 'Column with negative values' demo

Screenshot of 'Stacked column' demo

Screenshot of 'Stacked and grouped column' demo

Screenshot of 'Stacked percentage column' demo

Screenshot of 'Column with rotated labels' demo

Screenshot of 'Column with drilldown' demo

Screenshot of 'Fixed placement columns' demo

Screenshot of 'Data defined in a HTML table' demo

Screenshot of 'Column range' demo

Pie charts

Highcharts basic pie chart JavaScript example compares Chrome Firefox Safari browser market share as proportional segments.

Screenshot of 'Pie with legend' demo

Screenshot of 'Donut chart' demo

Screenshot of 'Semi circle donut' demo

Screenshot of 'Pie with drilldown' demo

Screenshot of 'Pie with gradient fill' demo

Screenshot of 'Pie with monochrome fill' demo

Screenshot of 'Variable radius pie' demo

Scatter and bubble charts

Highcharts basic scatter plot JavaScript example graph compares male female gender type height and weight variables.

Screenshot of 'Scatter plot with 1 million points' demo

Screenshot of 'Bubble chart' demo

Highcharts 3D Bubbles chart JavaScript example graph compares series values as radial gradient fill bubble diagram.

Screenshot of 'Packed bubble chart' demo

Screenshot of 'Split Packed bubble chart' demo

Combinations

Screenshot of 'Synchronized charts' demo

Screenshot of 'Column, line and pie' demo

Screenshot of 'Dual axes, line and column' demo

Screenshot of 'Multiple axes' demo

Screenshot of 'Scatter with regression line' demo

Screenshot of 'Meteogram' demo

Screenshot of 'Advanced timeline' demo

Styled mode (CSS styling)

Screenshot of 'Styled mode column' demo

Screenshot of 'Styled mode pie' demo

Accessible charts

Screenshot of 'Accessible line chart' demo

Screenshot of 'Accessible pie chart' demo

Screenshot of 'Advanced accessible chart' demo

Screenshot of 'Sonification' demo

Dynamic charts

Screenshot of 'Spline updating each second' demo

Screenshot of 'Click to add a point' demo

Screenshot of 'Master-detail chart' demo

Screenshot of 'Update options after render' demo

Screenshot of 'Responsive chart' demo

Screenshot of 'Live data from dynamic CSV' demo

3D charts

Screenshot of '3D column' demo

Screenshot of '3D column with null and 0 values' demo

Highcharts 3D cylinder chart JavaScript example graph compares variables as three dimensional vertical color bar chart.

Highcharts 3D funnel chart JavaScript example graph visualizes pipeline conversion of website visits to customers downloads.

Screenshot of '3D pyramid' demo

Screenshot of '3D column with stacking and grouping' demo

Screenshot of '3D pie' demo

Screenshot of '3D donut' demo

Screenshot of '3D scatter chart' demo

Screenshot of '3D area chart' demo

Gauges

Screenshot of 'Gauge series' demo

Screenshot of 'Solid gauge' demo

Screenshot of 'Activity gauge' demo

Screenshot of 'Clock' demo

Screenshot of 'Gauge with dual axes' demo

Screenshot of 'VU meter' demo

Screenshot of 'Bullet graph' demo

Heat and tree maps

Screenshot of 'Heat map' demo

Screenshot of 'Large heat map' demo

Highcharts honeycomb tile map JavaScript example graph visualizes US population geographically by state with color chart.

Screenshot of 'Tree map with color axis' demo

Screenshot of 'Tree map with levels' demo

Screenshot of 'Large tree map' demo

More chart types

Screenshot of 'Polar (radar) chart' demo

Screenshot of 'Spiderweb' demo

Screenshot of 'Sunburst' demo

Highcharts wind rose chart JavaScript example visualizes weather frequency conditions by compass direction using polar graph.

Screenshot of 'Radial bar chart' demo

Screenshot of 'Parallel coordinates' demo

Screenshot of 'Wind barb' demo

Screenshot of 'Vector plot' demo

Screenshot of 'Box plot' demo

Screenshot of 'Error bar' demo

Screenshot of 'Waterfall' demo

Screenshot of 'Variwide' demo

Screenshot of 'Histogram' demo

Screenshot of 'Bell curve' demo

Screenshot of 'Funnel chart' demo

Screenshot of 'Pyramid chart' demo

Screenshot of 'Polygon series' demo

Highcharts pareto chart JavaScript example visualizes percentage restaurant complaints by combining line and vertical bar graphs.

Screenshot of 'Sankey diagram' demo

Screenshot of 'Dependency wheel' demo

Screenshot of 'Organization chart' demo

Screenshot of 'X-range series' demo

Screenshot of 'Word cloud' demo

Screenshot of 'Column pyramid chart' demo

Highcharts timeline diagram JavaScript example visualizes space exploration over time with Sputnik to Apollo story chart.

Highcharts parliament item chart JavaScript example visualizes German political party breakdown by color and percentage proportion.

Screenshot of 'Network graph (force directed graph)' demo

Screenshot of 'General drawing' demo

Screenshot of 'Venn diagram' demo

Screenshot of 'Euler diagram' demo

Screenshot of 'Dumbbell series' demo

Screenshot of 'Lollipop series' demo

Highcharts flame chart JavaScript example graph shows a chart rendering process as stacked tasks and subtasks.

Cookie Preferences