2017-11-26 3 views
-2

私はchart.js + chartjs-plugin-datalabelsを使用しています。円グラフで表示される値の色を変更します

私はグラフに値を表示しています。私は値の色(フォントの色)を変更しようとしていますが、その方法を見つけることはできません。助言がありますか?

[JSFiddleリンク] var defaults = {} [1]

[1]: http://jsfiddle.net/s9tu1c9y/131/ 

答えて

0

、あなたが値ラベルのテキストがなりたいものは何でも色にcolor属性を設定します。

現在、colorの値はundefinedに設定されています:

/** 
* The color used to draw the label text. 
* @member {String|Array|Function} 
* @default undefined (use Chart.defaults.global.defaultFontColor) 
*/ 
color: undefined, 

あなたはすべての値が同じ色にしたい場合は、単に以下のような単一の文字列にcolorを設定します。

color: 'green' 

アトリビュートの上のコメントに記載されているように、各ラベルを異なる色にする場合は、colorの値を次のような配列に設定することもできます。

color: ['green', 'red', 'blue'] 

ワーキングJSFiddleリンク:応答のためのhttp://jsfiddle.net/s9tu1c9y/132/

+0

おかげで....私はあなたがChart.defaults.global.defaultFontColorに変更されていることがわかります。しかし、私は同じページで他のチャートを使用しているので、チャートの設定やオプションで同じことができますか?あなたのサンプルと同じものが必要ですが、グラフの設定やオプションで設定する必要があります。 –

+0

@ManishPrajapatiもちろん、色を変更する方法はたくさんありますが、問題を再現する最小限のコードではなく、JSFiddleコード・ダンプを提供してからどのコードを変更していいのか分かりにくいです。別の方法は、[ここ](http://jsfiddle.net/s9tu1c9y/133/)のようにモデルオブジェクトの色を変更することができます。変数を動的に渡すこともできます。これを変更したくない場合は、必要な最小限のコードで新しいJSFiddleを作成してください。 –

+0

@ManishPrajapatiこれはまた、あなたが最初にあなたの質問を作成したときやリンクを編集しようとした時に警告メッセージに書かれているようなJSFiddleリンクだけでなく、実際の質問にいくつかのコードを含めることになっている理由です正しくフォーマットされていること。 –

関連する問題