Highcharts demos | Highcharts

Line charts

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

Ajax loaded data, clickable points

With data labels

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

Time series, zoomable

Spline with inverted axes

Spline with symbols

Spline with plot bands

Time data with irregular intervals

Logarithmic axis

Line chart with 500k points

Area charts

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

Area with negative values

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

Percentage area

Area with missing points

Area range and line

Sparkline charts

Column and bar charts

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

Bar with negative stack

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.

Column with negative values

Stacked and grouped column

Stacked percentage column

Column with rotated labels

Column with drilldown

Fixed placement columns

Data defined in a HTML table

Pie charts

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

Pie with legend

Semi circle donut

Pie with drilldown

Pie with gradient fill

Pie with monochrome fill

Variable radius pie

Scatter and bubble charts

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

Scatter plot with 1 million points

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

Packed bubble chart

Split Packed bubble chart

Combinations

Synchronized charts

Column, line and pie

Dual axes, line and column

Scatter with regression line

Advanced timeline

Styled mode (CSS styling)

Styled mode column

Styled mode pie

Accessible charts

Accessible line chart

Accessible pie chart

Advanced accessible chart

Dynamic charts

Spline updating each second

Click to add a point

Master-detail chart

Update options after render

Responsive chart

Live data from dynamic CSV

3D charts

3D column with null and 0 values

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.

3D column with stacking and grouping

3D scatter chart

Gauges

Gauge with dual axes

Heat and tree maps

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

Tree map with color axis

Tree map with levels

More chart types

Polar (radar) chart

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

Radial bar chart

Parallel coordinates

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

Dependency wheel

Organization chart

Column pyramid chart

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.

Network graph (force directed graph)

General drawing

Dumbbell series

Lollipop series

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