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/