highcharts - 特定のページのハイチャートの色を変更する

Question

私highchartは 3-4 の異なるページで使用しています。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/