2016-07-15 73 views
-1

在chartjs我們可以寫爲條形圖例如Chartjs餅圖工具提示模式標籤

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

這將顯示將光標懸停在該組數據中的所有數據(基於x軸)。 如何在不使用多字符串的情況下實現餅圖?

+0

請爲您的問題分享jsfiddle,否則會在短時間內提供更多信息以消除您的問題。 –

回答

0

使用下面的餅圖:

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

我的所有標籤都是動態數據庫,因此靜態方法將不起作用 – Kjetil

+0

因此您可以將一個for循環並將所有標籤添加到一個字符串數組中,然後添加該數組,然後將該數組應用到標籤中:arrayLabels –

0
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