Добавление ярлыков к диаграмме пончика с использованием canvasjs

Question

Я хочу добавить ярлыки и легенду к своей диаграмме, но я боюсь. Im вытаскивает Data Points из 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" }); 

Answer 1

Добавить, чтобы добавить новые данные. Но в вашем случае вы просто добавляете indexLabel/label в существующие точки данных. Вы можете изменить свой массив (dps) и добавить метку там после создания данных.

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

и т.д ... Или, если вы знаете, ваши этикетки в процессе создания, вы можете изменить ваше заявление dps.push() и добавлять метки там.

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