Chartjsの円グラフのツールチップモードラベル

-1

は、我々はこれを使用すると、（x軸に基づいて）上にマウスを移動データのグループ内のすべてのデータを表示しますChartjsの円グラフのツールチップモードラベル

options: { 
tooltips: { 
    mode: 'label' 
} 
}

例えば棒グラフのために書くことができます。マルチストリングを使用せずに円チャートで同じことを達成するにはどうすればよいですか？

出典

2016-07-15 Kjetil

あなたの問題のためにjsfiddleを共有してください。短時間であなたの問題を取り除くために、より多くの情報をもっと提供してください。 –

円グラフのために、以下の使用：ここで

var data = { 
labels: [ 
    "Red", 
    "Blue", 
    "Yellow" 
]}

出典

2016-07-15 07:23:47

すべての私のラベルはデータベースから動的なので、静的なアプローチは機能しません – Kjetil

ループのために1つを置き、すべてのラベルを1つの文字列配列に追加してその配列を追加し、その配列をラベルに適用します：arrayLabels –

var data = [{ 
    value: 300, 
    color: "#F7464A", 
    highlight: "#FF5A5E", 
    label: "Red" 
}, { 
    value: 50, 
    color: "#46BFBD", 
    highlight: "#5AD3D1", 
    label: "Green" 
}, { 
    value: 100, 
    color: "#FDB45C", 
    highlight: "#FFC870", 
    label: "Yellow" 
}];

ツールチップ

詳細記事としてラベル行為：Chartjs Pie Chart Article

デモリンク：Chartjs Pie Chart Demo

出典

2016-07-15 07:42:32

Chartjsの円グラフのツールチップモードラベル

答えて

関連する問題