【纯使用】Highcharts、Highstock做图

Highcharts是目前业内比较成熟、兼容性较好的JS画图组件。

它的实现是基于原生JS，IE下采用VML实现、其他浏览器采用SVG实现，最重要的是它是开源的；

目前支持线，样条，面积，面积及线条，柱形图，条形图，饼图和散点图类型。

官网：http://www.highcharts.com     包含了源码、demo、API

 

一、先看些可实现的图

略

 

二、使用（基础的render见官网API）

1、去掉一些公共元素

   //统一配置Highcharts.setOptions({

        global:{
            useUTC : false//时区设置
        },
        credits : {
            enabled : false//去掉右下角的标志
        },
        animation:{
            enabled:false//去掉动画
        },
        exporting:{
            enabled:false//去掉截图
        }
    });

2、动态添加series

 chart = chartContainer[chartId]; _.each(item.series,function(i){ chart.addSeries(i,false);//第二个参数，阻止重绘 }); chart.redraw();//全部添加完了，再进行重绘

3、动态移除series

 seriesList = chart.series;//chart对象 for(var i=seriesList.length-1;i>=0;i--){ if(seriesList[i].name == n){//也可以通过id去取 seriesList[i].remove(false); } }

 chart.redraw();//全部添加完了，再进行重绘