2017-02-16 6 views
0

を使用してドーナツグラフにラベルを追加します。私はtxtファイルからデータポイントを引っ張っています。それは次のようになります。ドーナツグラフが出てくるは、私は私のチャートが、イムの苦労にラベルと凡例を追加したいcanvasjs

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" }); 
+0

addTo()に** y **の値がありませんでした。 – Beevk

+0

@Beevk値がファイルから来ているので私は知っています。 – theloosegoos

+0

他のものは、変数dpsとして挿入するだけでいいですが、動作しません。 – theloosegoos

答えて

3

に追加すると、新しいデータポイントを追加できます。しかし、あなたの場合、既存のdataPointsにindexLabel/labelを追加するだけです。配列(dps)を変更し、dataPointsの作成後にラベルを追加することができます。

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

など... それとも、作成中にあなたのラベルを知っていれば、あなたはあなたの文dps.push()を変更し、そこにラベルを追加することができます。

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

どうもありがとうございました。どのようにこのコードは、ドーナツチャートに3つのラベルを作成し、それらはすべて同じです。グラフは2つの値しか取らず、両方ともラベルを付けなければなりません。 dps.push({x:xVal、y:Number(allLines [i])、indexLabel: "Apple"}); – theloosegoos

+0

配列のインデックスは0から始まります。したがって、** dps [0] .indexLabel **などを試すことができます。 – Beevk

関連する問題