用不同顏色填充的Highchart數據系列

我需要弄清楚如何在Highcharts中用不同顏色對相同的數據系列點進行着色。例如，假設我有幾天的數據系列，我想要一個線形圖。在這一行中，應該區分具體的日子（可能用某種顏色着色）。用不同顏色填充的Highchart數據系列

2012-07-10 whiteErru

[你有什麼試過？]（http://mattgemmell.com/2008/12/08/what-have-you-tried/） – 2012-07-10 15:32:09

http://www.highcharts.com/stock/ref/#系列 – 2012-07-10 17:40:45

嘗試使用fillColor屬性：

{ 
    name: 'xyz', 
    x: 123, 
    y: 456, 
    fillColor: '#00FF00' 
}

來源

2012-07-11 08:44:32

非常感謝。這工作！如果連接器也填充了特殊的顏色，那將是非常好的。可能嗎？ – whiteErru 2012-07-11 10:35:52

「連接器」實際上是系列顏色。看到這個例子，系列設置爲綠色，特定點設置爲各種顏色：http://jsfiddle.net/xqWp5/1/ – 2012-07-11 12:28:36

在你的數據，你可以指定特定點的顏色：

data: [{ 
    name: 'Point 1', 
    color: '#00FF00', 
    y: 0 
}, { 
    name: 'Point 2', 
    color: '#FF00FF', 
    y: 5 
}]

折線圖，用「填充顏色」，如下面的答案解釋。

對於的jsfiddle示例，請參見http://jsfiddle.net/xqWp5/1/

來源

2012-07-10 15:39:24

以下是描述此API文檔的鏈接：http://www.highcharts.com/ref/#series--data – Mark 2012-07-10 16:46:26

我認爲這將適用於tpye：'列'，但我需要它作爲折線圖。例如。 $（函數（）{ VAR圖表=新Highcharts.Chart（{ 圖表：{ renderTo： '容器' }，系列：[{ 數據：[{ 名： '點1'，顏色： '＃00FF00'， Y：0 }，{ 名： '點2'，顏色： '＃FF00FF'， Y：5 }] }] }）; }）; 但它不會更改點的顏色本身，它會設置工具提示的顏色。 – whiteErru 2012-07-11 08:20:11

請您舉個簡單的例子嗎？謝謝。 – whiteErru 2012-07-11 08:29:42

你，你想有彩色線條部分，你需要有儘可能多的系列作爲顏色。換句話說，每種顏色應該是與定義顏色分開的系列。

來源

2013-05-16 14:38:54

用不同顏色填充的Highchart數據系列

回答

相關問題