HighCharts

摘要

HighCharts是眼下最为流行的图表插件,应用范围广泛,眼下支持曲线图、区域图、3D图、柱状图、饼图、散列图、混合图等，而且还支持一些拓展的特殊图表，如：仪表图、极地图、箱线图、瀑布图等。因工作中用到，所以在这里我仅仅做最主要的配置使用。

官方站点:,有兴趣的同学也能够去上面学习很多其它的内容。

使用

首先须要到下载安装包 -

解压，然后导入两个js文件，然后写代码。举个官网上最简单的样例：

直接将以上代码粘贴到文件里，改动一下js路径，执行就能够。

还能够支持动态拓展，比方：动态添加y轴，动态改动标题等等。

//获取highcharts对象chart = $('#chart').highcharts();//chart.addAxis({     id: 'precipitation',    title: {        text: '降雨量'    },    lineWidth: 2,    lineColor: '#08F',    labels: {        format: '{value} mm',        style: {            color: '#08F'        }    },    opposite: true //在右边轴显示 ， 用于须要两边轴都须要显示的情况。});chart.addSeries({    name: '降雨量',    type: 'column',    color: '#08F',    yAxis: 'precipitation',    data: precipitationDatas,    tooltip: {        valueSuffix: 'mm'    }});//动态删除y轴。chart.get("precipitation").remove();

这个就是执行起来的图。

OK， 就到这里。