[英]Specifying IndexLabelPlacement at dataPointLevel in a doughnut chart, using canvas.js
[英]Canvas.js doughnut chart thickness
我目前正在使用Canvas.JS制作一些甜甜圈圖,但找不到合適的方法來設置圖表的厚度。
這些文檔非常豐富(您可以在此處進行檢查),但是我似乎無法為我的“問題”找到合適的解決方案。
現在,我正在使用以下代碼生成圖表:
CanvasJS.addColorSet('circColors', [
'#7583B2',
'#E6866A'
]);
var circChartOptions = {
animationEnabled: true,
colorSet: 'circColors',
data: [
{
labelFontColor: '#9EA4AC',
labelFontFamily: 'Lato, sans-serif',
labelFontWeight: 'normal',
indexLabelLineColor: 'white',
type: 'doughnut',
startAngle:-90,
toolTipContent: '{label}: {y} - <strong>#percent%</strong>',
indexLabel: '{label} #percent%',
dataPoints: [
{ y: 37.47, label: 'Mobile' },
{ y: 62.53, label: 'Desktop' }
]
}
]
};
$('#circChart').CanvasJSChart(circChartOptions);
Canvas.JS甚至提供控制圖表厚度的方法嗎? 任何幫助將不勝感激。
謝謝!
data: [
{
labelFontColor: '#9EA4AC',
labelFontFamily: 'Lato, sans-serif',
labelFontWeight: 'normal',
indexLabelLineColor: 'white',
type: 'doughnut',
innerRadius: "85%",
startAngle:-90,
toolTipContent: '{label}: {y} - <strong>#percent%</strong>',
indexLabel: '{label} #percent%',
dataPoints: [
{ y: 37.47, label: 'Mobile' },
{ y: 62.53, label: 'Desktop' }
]
}
使用innerRadius控制滴答聲
看起來它是硬編碼的,因此您必須在canvasjs文件中進行更改。
var widthPercentage = 0.60;
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.