更改特定页面的高图表颜色

Question

我在3-4个不同的页面中使用highchart。我只是想改变highchart颜色。我用了

Highcharts.setOptions({
    colors: ['#f6921e', '#212060', '#ecd222', '#acacac']
   });  

但它会改变所有页面中的高图颜色。我只想在某些页面上更改高亮度颜色。

Answer 1

Highcharts.setOptions改变了api本身所述的所有highchart对象的颜色

  

http://api.highcharts.com/highcharts#Highcharts.setOptions（）

要更改特定图表的颜色，您应该只更新图表颜色选项。您可以通过以下代码段来实现此目的：

var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container'
        },
        colors: ['#f6921e', '#212060', '#ecd222', '#acacac'], // these colors will only be used for this highchart graph
        ...
}

  

jsfiddle的演示（在highchart api上给出的修改示例）：http://jsfiddle.net/25ye6/