Introduction JS Plugin highcharts chart

First, Introduction: Highcharts is a pure JavaScript written in a chart library, it is simple and convenient to the Web site or Web application to add interactive charts, and free of charge for personal learning, personal website and non-commercial use. The chart types supported by Highcharts are graph, area, histogram, pie, scatter, and synthetic charts.

Second, the parameter introduction

Chart	Chart area Options
Color	Color options
Title	Title Options
Subtitle	Subtitle Options
Xaxis	X-Axis Options
YAxis	Y-Axis Options
Series	Data column Options
Plotoptions	Data point Options
Tooltip	Data point Prompt box
Legend	Legend Options

Third, the use

$(function () {        $(' #container '). Highcharts ({title: {text:' Monthly Average temperature ', x:-20//Center}, Subtitle: {text:' Source:WorldClimate.com ', x:-20}, Xaxis: {categories: [' A ', ' B ', ' C ', ' d ', ' e ', ' F ']}, YAxis: {title: {text:' Temperature (°c) '}, Plotlines: [{value:0, Width:1, Color:' #808080 '}]}, tooltip: {valuesuffix:' °c '}, Legend: {layout:' Vertical ', align:' Right ', VerticalAlign:' Middle ', BorderWidth:0}, Series: [{name:' Tokyo ', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5]}, {name:' New York ', data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0]}, {name:' Berlin ', data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0]}, {name:' London ', data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2]            }]        });    }); 

 

Introduction JS Plugin highcharts chart