chart.js之增加值上點擊

我創建的圖表JS雷達圖。我能夠添加標籤，但現在我不知道如何，而不是輸入一個值，我可以在0讓他們所有的設置和增加/更新+1點擊標籤時chart.js之增加值上點擊

var ctx = $("#myChart").get(0).getContext("2d"); 

var myNewChart = new Chart(ctx); 

var data = { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [ { 
        label: "My First dataset", 
        fillColor: "rgba(220,220,220,0.2)", 
        strokeColor: "rgba(220,220,220,1)", 
        pointColor: "rgba(220,220,220,1)", 
        pointStrokeColor: "#fff", 
        pointHighlightFill: "#fff", 
        pointHighlightStroke: "rgba(220,220,220,1)", 
        data: [65, 59, 80, 81, 56, 55, 40] 
       } ] 
}; 

var myRadarChart = new Chart(ctx).Radar(data); 
$("#add").on("click", function() { 

    var month = $("#month").val(); 
    var value = $("#value").val(); 
    var values = new Array(); 

    values.push(value); 

    console.log("adding data..."); 
    console.log("month:" + month); 
    console.log("value:" + value); 

    myRadarChart.addData(values, month); 

    console.log("data added..."); 
});

來源

2014-09-25 user3211522

您可以使用功能「getPointsAtEvent」，它返回的ChartElement：

var canvas = document.getElementById("myChart") canvas.onclick = function(evt){ 
var activePoints = myRadarChart.getPointsAtEvent(evt); 
activePoints[0].value++; 
myRadarChart.update(); 
console.log(activePoints[0]); };

：

ChartElement {value: 4, label: "January", datasetLabel: "My First dataset", x: 197.1083317156525, y: 125.62930048634354…}

要使用此功能工作

查看完整的例子：http://jsfiddle.net/pevy7vsz/29/

來源

2014-11-23 01:00:09

chart.js之增加值上點擊

回答

相關問題