2016-12-16 13 views
-1

これは私のAmchartの実例です。選択した列の色を変更する方法は?

code pen working demo

私は、最初の4列の色を変更したいです。

私は色をJSONファイルのプロパティとして与えることで色を変えることができます。

"color":"hex code" 

色を変更する別の方法はありますか?

このようなことを達成したいですか?

enter image description here

答えて

0

あなたは、グラフやデータでlineColorFieldおよび/またはfillColorsFieldを指定せずに、個々の列の色を設定する方法を求めている場合は、これを行う方法はありません。

"dataProvider": [{ 
    "day": 3, 
    "zone_id": 2, 
    "short_trips": 40, 
    "long_trips": 60, 
    "columnColor": "#00cc00", 
    }, { 
    "day": 3, 
    "zone_id": 3, 
    "short_trips": 30, 
    "long_trips": 30, 
    "columnColor": "#00cc00", 
    }, { 
    "day": 3, 
    "zone_id": 4, 
    "short_trips": 40, 
    "long_trips": 60, 
    "columnColor": "#00cc00", 
    }, { 
    "day": 3, 
    "zone_id": 5, 
    "short_trips": 90, 
    "long_trips": 60 
    // no color specified, use default color 
    }, 
    // ... 
], 
"graphs": [{ 
    "fillColorsField": "columnColor", 
    // ... 
}] 

Demo

+0

屋私はこの方法でそれを行うことができますが、私のJSONデータがcolumnColor含まれていないことを知っている:場合は、あなたがこれらのフィールドのいずれかを使用することを意味し、これはあなたがそれを行うだろう方法ですそれはデータベースから取得され、チャートにロードされるためです。質問の画像が好きですか? – John

+0

私が言ったように、JSONデータで指定しなければ、これを行うことはできません。それがあなたの唯一の選択肢です。このフィールドを追加してから、状況に応じてチャートにロードすることができます。 – xorspark

0

あなたはジャバスクリプトファイル内のカラープロパティを使用せずに意味ですか?

Amchartを使用する正しい方法はわかりませんが、デモが表示されていれば、CSSファイルのすべてのバーのパスタグのfillプロパティを設定できます。

enter image description here

関連する問題