在混合图表中Chart.js不同的甜甜圈厚度
乌萨玛·埃萨玛迪
因此，我一直试图在下图中重新创建图表：
我正在使用该cutoutPercentage属性，但它同时影响两个甜甜圈，就我而言，我只想更改外圈的厚度。
这就是我现在所拥有的：
uminder
您可以weight在各个数据集中定义选项以获得所需的结果。
weight：数据集的相对厚度。提供权重值将导致以相对于所有数据集权重值之和的厚度绘制饼图或甜甜圈数据集。
请查看下面的可运行代码段，并查看其工作方式。
var pieChart = new Chart("myChart", {
type: 'doughnut',
data: {
labels: ["Red", "Blue", "Yellow"],
datasets: [{
data: [300, 50, 100],
backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56"],
weight: 0.2
}, {
data: [200, 100, 25],
backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56"],
}]
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<canvas id="myChart"></canvas>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Chart.js v2：甜甜圈内甜甜圈之间的空间
- 2
带有圆角的Chart.js甜甜圈
- 3
Chart.js甜甜圈图无法正常工作
- 4
Chart.js设置甜甜圈背景色？
- 5
Chart.js甜甜圈文本颜色
- 6
在d3.js中缩放甜甜圈大小
- 7
半甜甜圈图表与先端图表
- 8
如何在Chart.js中的甜甜圈图上显示标签
- 9
甜甜圈Chart.JS中是否有办法显示100％
- 10
AchartEngine中甜甜圈图的半径
- 11
FXML中的Javafx甜甜圈图
- 12
Android中的甜甜圈设计
- 13
Canvas.js甜甜圈图厚度
- 14
如何在甜甜圈c3.js图表标题中添加样式
- 15
如何在图表js甜甜圈图中添加FAHRENHEIT符号
- 16
圆角边缘和文本居中的Chart.js甜甜圈
- 17
具有最小高度的响应式Chart.js甜甜圈图
- 18
如何更改chart.js甜甜圈图上的鼠标光标？
- 19
使用Chart.js-为甜甜圈图创建图例
- 20
使用chart.js在甜甜圈图中心进行事件处理程序
- 21
如何添加到chart.js（甜甜圈图）的链接？
- 22
Chart.js使用文本工具提示问题扩展了甜甜圈
- 23
Chart.js 2.0甜甜圈工具提示百分比
- 24
如何使用Chart.js在甜甜圈图的中心添加文本？
- 25
在Chart.js甜甜圈图上检测onHover是否完成
- 26
如何在Chart.js甜甜圈图上显示第二组标签？
- 27
如何在Chart.js的甜甜圈图中使用径向CanvasGradients？
- 28
如何在Chart.js的甜甜圈图中使用径向CanvasGradients？
- 29
如何在Chart.JS的半个甜甜圈图中添加一些文本？
我来说两句