使用canvasjs

时间:2017-02-16 20:50:35

标签: canvasjs

我想在我的图表中添加标签和图例但是我很难挣扎。我从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 个答案:

答案 0 :(得分:3)

添加到可用于添加新的dataPoints。但在您的情况下,您只是将indexLabel / label添加到现有的dataPoints。您可以修改数组( dps )并在创建dataPoints后添加标签。

dps[1].indexLabel = "Apple";
dps[2].indexLabel = "Orange";

...等 或者,如果您在创建过程中了解自己的标签,则可以更改语句 dps.push()并在其中添加标签。

dps.push({x : xVal, y: Number(allLines[i]), indexLabel: "Apple"});