如何在chart.js中显示圆环图上的标签
How to display Labels on Doughnut chart in Chart.js
我想知道如何在甜甜圈图和图例上显示标签,我正在使用chart.js作为插件
我用了scaleShowLabels: true
,但不起作用
这是我的代码:
var data = [{
value: 30,
color: "#F7464A",
label: "Yasser"
}, {
value: 50,
color: "#E2EAE9",
label: "Zeyd"
}, {
value: 100,
color: "#D4CCC5",
label: "Mouad"
}, {
value: 40,
color: "#949FB1",
label: "Hanine"
}, {
value: 120,
color: "#4D5360",
label: "Kheira"
}
]
var options = {
animation: false,
scaleShowLabels: true
};
//Get the context of the canvas element we want to select
var c = $('#myChart');
var ct = c.get(0).getContext('2d');
var ctx = document.getElementById("myChart").getContext("2d");
/*************************************************************************/
myNewChart = new Chart(ct).Doughnut(data, options);
演示+代码
我找到了Chart-js主要问题的所有解决方案,
它是关于一个经过编辑的js文件,其中包含所有的代码示例,您可以在这里找到更多信息:
https://github.com/FVANCOP/ChartNew.js
相关文章:
- D3.js模式不适用于弧形或圆环图
- D3从嵌套的JSON中绘制第二个圆环图
- 在同一个圆环图中使用不同的数据
- 如何在d3.js饼图或圆环图中添加阴影
- 如何更改圆环图中文本的颜色
- 修改d3.js圆环图以读取json数组
- 如何在chart.js中显示圆环图上的标签
- D3.js-带有多个圆环和动画过渡的圆环图
- 直接从代码笔复制的圆环图代码不起作用
- Highcharts没有内部饼图的圆环图
- c3.js圆环图onclick函数
- 如何使用d3js为循环中的圆环图添加工具提示
- 是否可以在ChartJS的圆环图中为分段添加更多属性
- 带标签的 D3 圆环图
- D3 圆环图 - 删除 0% 标签
- 将文本添加到 D3 圆环图的中心
- 圆环图未使用新值进行更新
- 如何在高图表中创建这样的饼图/圆环图
- 高图表:仅使用圆环图对饼图进行动画处理/防止内部大小动画
- 无法在圆环图-D3中可视化标签