Highcharts基本设置

来源:互联网 发布:淘宝直通车尺寸大小 编辑:程序博客网 时间:2024/06/06 18:12

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

[javascript] view plaincopyprint?
  1. chart: {
  2. renderTo:'plans',
  3. type:'line',
  4. events: {
  5. load:function (event) {
  6. for (var i = this.series.length - 1; i > 0; i--) {
  7. this.series[i].hide();//设置只显示第一条线,其他都不显示
  8. }
  9. }
  10. }
  11. }


2.去掉highcharts网站url

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

[html] view plaincopyprint?
  1. credits: {
  2. enabled: false //去掉highcharts网站url
  3. }

3.动态增加曲线数量

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

[javascript] view plaincopyprint?
  1. var chart = new Highcharts.Chart(options);
  2. chart.addSeries({
  3. name:'合计',
  4. data: [61, 63, 65, 67, 69, 71, 73, 70, 67, 64, 61, 57]
  5. });
  6. chart.addSeries({ name:'DataURL serie', dataURL:'serie3.txt' });

4.动态删除曲线

[javascript] view plaincopyprint?
  1. chart.series[0].remove();
原创粉丝点击