Highcharts配置汇总

目录

图表自适应容器大小

图表重绘 

更新其中某一个series

一次性更新多个series，但不允许新增series

新增series，一次只能加一个series

完全替换原来的series（性能不好）

完全替换原来的series（性能较好）

---

图表自适应容器大小

chart.reflow();

图表重绘 

chart.redraw()

更新其中某一个series

chart.series[0].update({
    data: [29.9, 71.5, 306.4, 429.2, 144.0, 176.0, 135.6, 248.5, 216.4, 194.1, 95.6, 54.4]
});

一次性更新多个series，但不允许新增series

    chart.update({
        series: [{
        type: 'column',
        name: 's1',
        data: [129.9, 171.5, 306.4, 429.2, 144.0, 176.0, 135.6, 248.5, 216.4, 194.1, 95.6, 54.4]
    	},{
        type: 'column',
        name: 's2',
        data: [69.9, 51.5, 176.4, 121.2, 124.0, 476.0, 935.6, 248.5, 266.4, 191.1, 99.6, 53.4]
    	}]
    });

新增series，一次只能加一个series

    chart.addSeries({
        type: 'column',
        name: 's3',
        data: [129.9, 171.5, 1106.4, 1129.2, 144.0, 176.0, 135.6, 1148.5, 216.4, 194.1, 95.6, 54.4]
    	});

完全替换原来的series（性能不好）

    seriesData = [{
        type: 'column',
        name: 's1 new',
        data: [234.9, 171.5, 1106.4, 1129.2, 144.0, 176.0, 135.6, 1148.5, 216.4, 194.1, 195.6, 454.4]
    	}];
    while (chart.series.length > 0) {
      chart.series[0].remove(true);
    }
    for (var i = 0; i < seriesData.length; i++) {    
      chart.addSeries(seriesData[i]);
    }

完全替换原来的series（性能较好）

seriesData = [{
        type: 'column',
        name: 's1 new',
        data: [234.9, 171.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 195.6, 454.4]
    	},{
        type: 'column',
        name: 's2 new',
        data: [234.9, 171.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 195.6, 454.4]
    	},{
        type: 'column',
        name: 's3 new',
        data: [234.9, 171.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 195.6, 454.4]
    	}];
      
    var diff = chart.series.length - seriesData.length;
    if(diff > 0){
    	for (var i = chart.series.length; i > diff; i--){
      	chart.series[i-1].remove(true);
      }
    } else if (diff < 0){
    	for (var i = chart.series.length; i < seriesData.length; i ++){
      	chart.addSeries({});
      }
    }
            
    chart.update({
    	series:seriesData
    });