帶有實時標籤更新的ChartJS插件

我目前使用chartJS插件在我的網站上繪製圖表，當然，這個圖表很棒。帶有實時標籤更新的ChartJS插件

但是，現在我已經標記了幾個月，但我希望用戶能夠切換到日視圖，所以我做了一個onclick事件的按鈕，我認爲這將工作，但不幸的是它不。

HTML：

<button type="button" class="btn btn-primary" onClick="days();">Sort On Days</button>

JQUERY：

var label = ["January", "February", "March", "April", "May", "June", "July"]; // Months here 

     function days() 
     { 
      var label = ["01", "02", "03", "04", "05", "06", "07"]; // Days 
     } 

var lineChartData = { 
       labels: label,

我怎樣才能讓這個它會實時更新？目前沒有任何反應

來源

2015-06-09 Raflesia

更新標籤後需要執行update（）。你必須更新圖表對象上的標籤。

window.days = function() 
{ 
    myLineChart.scale.xLabels = ["01", "02", "03", "04", "05", "06", "07"]; // Days 
    myLineChart.update(); 
}

小提琴 - https://jsfiddle.net/rxoLjd92/

來源

2015-06-09 13:18:55 potatopeelings

謝謝這個工程完美的我。這種方式是否可以編輯數據？我嘗試myLineChart.scale.data，但似乎沒有工作。 – Raflesia

有可能 - 例如，myLineChart.datasets [0] .points [2] .value = 10將設置第一個數據集的第三個數據點。如果點數發生變化，您還需要使用addData（）和removeData（）方法http://www.chartjs.org/docs/#line-chart-prototype-methods）。銷燬（）圖表（http://www.chartjs.org/docs/#advanced-usage-prototype-methods）並重新創建它或使用類似https://github.com/carlcraig/的東西會容易得多TC-角chartjs。 – potatopeelings

帶有實時標籤更新的ChartJS插件

回答

相關問題