Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/highcharts/highcharts/llms.txt

Use this file to discover all available pages before exploring further.

Build Beautiful Interactive Charts

Highcharts is the world’s leading JavaScript charting library. Create stunning visualizations with 70+ chart types, real-time updates, and extensive customization options.

Get Started in Minutes

Follow these simple steps to create your first chart

1

Install Highcharts

Install Highcharts using your preferred package manager:
npm install highcharts
2

Import and Initialize

Import Highcharts in your JavaScript or TypeScript file:
import Highcharts from 'highcharts';
Or use the CDN for quick prototyping:
<script src="https://code.highcharts.com/highcharts.js"></script>
3

Create Your First Chart

Add a container element and create a chart:
<div id="container"></div>
Highcharts.chart('container', {
  chart: {
    type: 'line'
  },
  title: {
    text: 'My First Chart'
  },
  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
  },
  yAxis: {
    title: {
      text: 'Values'
    }
  },
  series: [{
    name: 'Sales',
    data: [29.9, 71.5, 106.4, 129.2, 144.0]
  }]
});
Highcharts automatically renders to the specified container. No additional setup required!
4

Customize and Explore

Explore the extensive configuration options to customize your chart. Check out our chart types, styling options, and API reference for more details.

Explore Chart Types

Choose from 70+ chart types for any data visualization need

Line & Area Charts

Perfect for showing trends over time with smooth lines and filled areas

Column & Bar Charts

Compare values across categories with vertical or horizontal bars

Pie & Donut Charts

Display proportions and percentages with circular visualizations

Scatter & Bubble Charts

Show relationships between variables with point-based charts

Heatmaps & Treemaps

Visualize complex data patterns with color-coded matrices

Stock Charts

Advanced financial charts with technical indicators and range selectors

Highcharts Products

Specialized solutions for different use cases

Highcharts Stock

Advanced stock charts with timeline navigation, technical indicators, and range selectors

Highcharts Maps

Interactive maps with drill-down, heatmaps, and custom projections

Highcharts Gantt

Project management charts with dependencies, milestones, and resource allocation

Highcharts Dashboards

Build comprehensive dashboards with synchronized charts and interactive controls

Ready to Start Building?

Join thousands of developers creating beautiful, interactive charts with Highcharts