2016-11-25 88 views
1

嗨我想爲每列設置備用列顏色。
fiddle 預先感謝如何在Amcharts股票柱形圖中設置單列色彩?

+0

小提琴鏈接http://jsfiddle.net/rbz7312m/ – Sourav

+0

https://www.amcharts.com/kbase/automatically-apply-theme-colors-to -each-individual-column/ – Mahi

+0

@Mahi - 你有正確的想法,但它會掩蓋細節,因爲它正在實現一個插件來將主題顏色應用到每一列,這使得他想要做的事情有點矯枉過正。在使用股票圖表時,您還需要執行額外的步驟,正如我在下面的答案中所解釋的。 – xorspark

回答

1

@Mahi有正確的想法,但鏈接指向從當前圖表主題適用的色彩,以便掩蓋了細節的基於插件的解決方案。

進一步詳細說明,設置單獨的列(或線/項目符號)顏色時,必須在圖形對象中定義lineColorFieldfillColorsField,然後在數據中設置顏色。例如,在您的數據:

[ 
    { 
    "date": "2016-11-25", 
    "value": 3, 
    "color": "#ff0000" 
    }, 
    { 
    "date": "2016-11-26", 
    "value": 3, 
    "color": "#00ff00" 
    }, 
    // ... 
] 

,然後在圖形對象:

"graphs": [{ 
    "lineColorField": "color", 
    "fillColorsField": "color", // if your chart has a fill like a column or area line graph 
    // ... 
}] 

或者股票圖表的stockGraph:

"stockGraphs": [{ 
    "lineColorField": "color", 
    "fillColorsField": "color", // if your chart has a fill like a column or area line graph 
    // ... 
}] 

股票圖表喜歡你的小提琴,你還需要將categoryAxesSettings'maxSeries屬性設置爲0,因爲在啓用其數據分組功能時,它無法應用您的自定義顏色。

"categoryAxesSettings": { 
    "maxSeries": 0, 
    // ... 
} 

這裏有一個更新的小提琴:http://jsfiddle.net/rbz7312m/3/

+1

謝謝你...你救了我。我會非常感激你.... – Sourav