Highcharts基本设置

1.在一个图像中有多条曲线,但是默认想只显示第一条曲线,则需要做如下设置即可:

chart: {
            renderTo: 'plans',
            type: 'line',
            events: {
                load: function (event) {
                    for (var i = this.series.length - 1; i > 0; i--) {
                        this.series[i].hide();        //设置只显示第一条线,其他都不显示
                    }
                }
            }
        }


2.去掉highcharts网站url

采用highcharts绘图,右下角默认会有一个其网站url存在,这会影响美观,只需做如下设置即可去掉:

credits: {
            enabled: false     //去掉highcharts网站url
        }

3.动态增加曲线数量

如需在显示曲线后动态增加显示曲线条数,只需如下操作即可:

var chart = new Highcharts.Chart(options);
chart.addSeries({
            name: '合计',
            data: [61, 63, 65, 67, 69, 71, 73, 70, 67, 64, 61, 57]
        });
或

chart.addSeries({ name: 'DataURL serie', dataURL: 'serie3.txt' });

4.动态删除曲线

chart.series[0].remove();


5.动态改变曲线数据

参考:http://jsfiddle.net/jlbriggs/XQu8E/11/


你可能感兴趣的:(Highcharts,highcharts,HighCharts,jquery,jQuery,JQUERY,Jquery,JQuery,Javascript/CSS)