使用canvasjs向甜甜圈图表添加标签
使用canvasjs向甜甜圈图表添加标签
提问于 2017-02-17 04:50:35
我想在我的图表中添加标签和图例，但我在苦苦挣扎。我正在从txt文件中提取数据点。它看起来像这样：
77
37甜甜圈图表出来很好，我只需要添加标签，这是我使用的语法：
$.get("graph.txt", function(data) {
var xVal = 0;
var allLines = data.split('\n');
var dps = [];
for(var i=0; i< allLines.length; i++) {
xVal +=.25;
dps.push({x : xVal, y: Number(allLines[i])});
}
var chart = new CanvasJS.Chart("chartContainer",{
title:{
text: "Android"
},
data: [
{
type: "doughnut",
indexLabelPlacement: "outside",
startAngle: 90, //vary the angle here.
dataPoints: dps
}]
});
chart.render();
},'text');我只是想在最后添加标签，就像这样？：
chart.render();
chart.data[0].addTo("dataPoints", {y: , label: "Apple" });回答 1
Stack Overflow用户
发布于 2017-02-17 14:08:02
Add to可用于添加新的dataPoints。但在本例中，您只需向现有dataPoints添加标签/ indexLabel即可。您可以在创建dataPoints后修改阵列(dps)并在其中添加标签。
dps[1].indexLabel = "Apple";
dps[2].indexLabel = "Orange";等等。或者，如果您在创建过程中知道标签，则可以更改语句dps.push()并在其中添加标签。
dps.push({x : xVal, y: Number(allLines[i]), indexLabel: "Apple"});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42284337
复制相关文章
相似问题
腾讯云开发者
