2016-11-25 17 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