0

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

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

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

4

1 回答 1

1

Highcharts.setOptions 更改所有 highchart 对象的颜色，如 api 本身所述

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/

于 2013-01-14T08:26:59.590 回答