Tutorial by Examples | RIP Tutorial

Installation or Setup

Ways to get Highcharts: Load directly from Highcharts CDN Download files from official website. Through npm; npm install highcharts Through bower; bower install highcharts To load the main library from vendor's CDN, simply add the following to your code: <script src="ht...

highcharts • Getting started with highcharts

Hello World

Begin by including highcharts.js in your index.html <html> <head> <script src="http://code.highcharts.com/highcharts.js"></script> </head> Add a <div> to contain your chart <body> <div id="chart"> <!...

highcharts • Getting started with highcharts

Colors

In Highcharts, there is an array containing the default colors for the chart's series. When all colors are used, new colors are pulled from the start again. Defaults colors for version 4.x and 5.x are: colors: [ '#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', ...

highcharts • Getting started with highcharts

Compatibility

BrandVersions SupportedInternet Explorer6.0 +Firefox2.0 +Chrome1.0 +Safari4.0 +Opera9.0 +iOS (Safari)3.0 +Android Browser2.0 + Highcharts supports jQuery version 1.6+ for legacy browsers, and 2.0+ for modern browsers.

highcharts • Getting started with highcharts