Skip to content
Highcharts

  • Products
  • Demos
  • Developer
  • Support
  • Highcharts® JS
  • Highcharts® Stock
  • Highcharts® Maps
  • Highcharts® Gantt
  • Highcharts® Editor
  • Highcharts® Advantage
  • Integrations
  • Features
  • Demos
  • Case Studies
  • Tutorials
  • Documentation
  • Features
  • Demos
  • Case Studies
  • Tutorials
  • Documentation
  • Features
  • Demos
  • Case Studies
  • Tutorials
  • Documentation
  • Features
  • Demos
  • Tutorials
  • Documentation
  • Features
  • Demos
  • Documentation
  • Features
  • Wrappers
  • Add-ons
  • Frameworks
  • Mobile
  • Highcharts JS Demos
  • Highcharts Stock Demos
  • Highcharts Maps Demos
  • Highcharts Gantt Demos
  • Accessibility Demos
  • Customer Showcases
  • Docs
  • API Reference
  • Accessibility
  • Code Examples
  • Changelog
  • Roadmap

Start your Highcharts journey today

TRY
BUY
    • Highcharts JS

      • Features
      • Demos
      • Case Studies
      • Tutorials
      • Documentation
    • Highcharts Stock

      • Features
      • Demos
      • Case Studies
      • Tutorials
      • Documentation
    • Highcharts Maps

      • Features
      • Demos
      • Case Studies
      • Tutorials
      • Documentation
    • Highcharts Gantt

      • Features
      • Demos
      • Tutorials
      • Documentation
    • Highcharts Editor

      • Features
      • Demos
      • Documentation
    • Highcharts Advantage

      • Features
    • Integrations

      • Wrappers
      • Add-ons
      • Frameworks
      • Mobile
    • Highcharts JS Demos
    • Highcharts Stock Demos
    • Highcharts Maps Demos
    • Highcharts Gantt Demos
    • Accessibility Demos
    • Customer Showcases
    • Docs
    • API Reference
    • Accessibility
    • Chart Chooser
    • Changelog
    • Roadmap
  • Support
  • Try
  • Buy
Highcharts

Highcharts iOS Demos

Default Brand Light Brand Dark Dark Unica Sand Signika Grid Light

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

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 with negative stack

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 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

Column, line and pie

Dual axes, line and column

Multiple axes

Scatter with regression line

Accessible charts

Accessible line chart

Accessible pie chart

Dynamic charts

Click to add a point

Responsive chart

Spline updating each second

Update options after render

3D charts

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

Bell curve

Box plot

Column pyramid chart

Dependency wheel

Dumbbell series

Error bar

Euler diagram

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

Shortcuts

  • Products
  • Demos
  • Download
  • Get a license
  • Blog

Developer

  • Documentation
  • API Reference
  • Accessibility
  • Changelog
  • Roadmap

Support

  • Highcharts Forum
  • Stackover Flow
  • Github
  • Support portal
  • How to choose the
    right chart

Site

  • Cookie Policy
  • Cookie Preferences
  • Privacy Policy
  • Standard License Agreement
  • Sitemap
  • Accessibility Statement

About

  • Our Story
  • Discover the Team
  • Join the Team
  • Contact
  • Press
  • Code of Conduct
© 2023 Highcharts. All rights reserved.

Social

Social

© 2023 Highcharts. All rights reserved.
Cookie Policy