Line charts

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

Basic line

Ajax loaded data, clickable points

Line chart with 500k points

Logarithmic axis

Spline with inverted axes

Spline with plot bands

Spline with symbols

Time data with irregular intervals

Time series, zoomable

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

With annotations

With data labels

Area charts

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

Basic area

Area range

Area range and line

Area with missing points

Area with negative values

Area-spline

Inverted axes

Percentage area

Sparkline charts

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

Stacked area

Streamgraph

Column and bar charts

Basic bar

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

Basic column

Bar race

Bar with negative stack

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 comparison

Column range

Column with drilldown

Column with negative values

Column with rotated labels

Data defined in a HTML table

Fixed placement columns

Stacked and grouped column

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

Stacked bar

Stacked column

Stacked percentage column

Pie charts

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

Pie chart

Donut chart

Pie with drilldown

Pie with gradient fill

Pie with legend

Pie with monochrome fill

Semi circle donut

Variable radius pie

Scatter and bubble charts

Bubble chart

Highcharts basic scatter plot JavaScript example graph compares width and height of athletes across different sports

Scatter plot

Highcharts scatter plot JavaScript example displaying individual measurements in a randomized horizontal position, increasing legibility.

Scatter plot with jitter

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

3D bubbles

Packed bubble chart

Scatter plot with 1 million points

Split Packed bubble chart

Combinations

Advanced timeline

Column, line and pie

Dual axes, line and column

Meteogram

Multiple axes

Scatter with regression line

Synchronized charts

Styled mode (CSS styling)

Styled mode column

Styled mode pie

Accessible charts

Accessible line chart

Accessible pie chart

Advanced accessible chart

Sonification

Dynamic charts

Click to add a point

Live data from dynamic CSV

Master-detail chart

Responsive chart

Spline updating each second

Update options after render

3D charts

3D area chart

3D column

3D column with null and 0 values

3D column with stacking and grouping

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

3D cylinder

3D donut

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

3D funnel

3D pie

3D pyramid

3D scatter chart

Gauges

Activity gauge

Bullet graph

Clock

Gauge series

Gauge with dual axes

Solid gauge

VU meter

Heat and tree maps

Heat map

Large heat map

Large tree map

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

Tile map, honeycomb

Tree map with color axis

Tree map with levels

More chart types

Arc Diagram

Bell curve

Box plot

Column pyramid chart

Dependency wheel

Dumbbell series

Error bar

Euler diagram

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

Flame chart

Funnel chart

General drawing

Histogram

Lollipop series

Network graph (force directed graph)

Organization chart

Parallel coordinates

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

Pareto chart

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

Parliament (item) chart

Polar (radar) chart

Polygon series

Pyramid chart

Radial bar chart

Sankey diagram

Spiderweb

Sunburst

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

Timeline

Variwide

Vector plot

Venn diagram

Waterfall

Wind barb

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

Wind rose

Word cloud

X-range series