我目前正在使用Canvas.JS制作一些甜甜圈图,但找不到合适的方法来设置图表的厚度。
这些文档相当广泛(您可以通过over here进行检出),但是我似乎无法为我的“问题”找到合适的解决方案。
现在,我正在使用以下代码生成图表:
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' }
]
}
使用内部半径控制厚度