2015-06-17 44 views
1

我使用HighCharts在網頁上呈現兩個圖表。我使用jquery動態下載每個圖表的數據,並使用setChart函數設置兩個圖表。highcharts線條顏色變化,但我不想

function setChart(chart, name, data){ 
    while (chart.series.length > 0) { 
     chart.series[0].remove(true); 
    } 
    for (var i = 0; i < data.length; i++) { 
     chart.addSeries({ 
      name: name[i], 
      data: data[i], 
     }); 
    } 
} 

的這裏的問題是,當我下載科研數據與jQuery的(=不刷新頁面),所有的線顏色發生變化。

如何防止HighCharts更改線(=系列)的顏色?

回答

1

您可能想要創建一個您需要的顏色的數組。可以稱之爲colors。它必須有足夠數量的元素,否則你將會出現界限錯誤。

color: Highcharts.getOptions().colors[i % 10] 

它做工精細:

function setChart(chart, name, data){ 
    while (chart.series.length > 0) { 
     chart.series[0].remove(true); 
    } 
    for (var i = 0; i < data.length; i++) { 
     chart.addSeries({ 
      name: name[i], 
      data: data[i], 
      color: colors[i], 
     }); 
    } 
} 
+1

你可以從Highcharts默認顏色這樣:'var colors = Highcharts.getOptions()。colors;' –

0

我在混合兩件事情。這可能是很酷的唯一事情是它可能會超過10種顏色,但我不想讓他們自己^^

非常感謝;)