2015-07-13 59 views
0

我正在嘗試使用最新的Chart.js alpha繪製柱狀圖。我想動態更新值和標籤。然而,當我試圖解決一個特定的酒吧,說,3號:無法更新Chart.js 2.0.0中的柱狀圖值alpha3

$.each(my_chart.datasets, function(i, dataset){ 
    dataset.data[3].fillColor = fc; 
    dataset.data[3].value = v; 
}); 

我得到一個jQuery的錯誤,說明我不能得到的參數之一的長度。

當我試圖訪問圖表的數據集是這樣的:

my_chart.datasets[0].data = new_values_array; 

我得到TypeError: undefined is not an object

什麼是解決在最新的阿爾法這個問題的正確方法?這些示例建議更新整個數組,但我看不出更新整個數組或處理特定元素的區別。也許我錯過了一些東西。謝謝!

回答

1

您可以通過點更新點,像這樣

$.each(my_chart.data.datasets, function (i, dataset) { 
    dataset.metaData[3].custom = { 
     backgroundColor: "green" 
    }; 
    dataset.data[3] = 2.5; 
}); 

my_chart.update(); 

通過v


更換由fc2.5​​小提琴 - https://jsfiddle.net/6qt14tpj/

+0

您好,謝謝!你是否來自chart.js團隊?如果是這樣,那麼驚人的工作! 更換標籤怎麼樣? 是否有此版本的某種文檔? – Egor

+1

對不起。我不是來自Chart.js團隊。儘管你可能想在GitHub上給他們留言,但我確信他們會喜歡這些反饋!標籤==> my_chart.data.labels [3] =「myNewLabel」。他們有一個公開的問題(2.0里程碑)更新文檔 - https://github.com/nnnick/Chart.js/issues/1248。直到那時,你可能會檢查2.0 dev分支 - 特別是。樣本文件夾https://github.com/nnnick/Chart.js/tree/v2.0-dev/samples – potatopeelings

+1

它不斷變化,所以如果它不能在第一次嘗試,你可能會只想稍微擺弄一下就可以了。 – potatopeelings