2016-07-28 69 views
8

我已經創建了能夠在chartjs中成功更新其數據的折線圖,我也試圖動態更改選項值。更具體地說,我希望能夠改變規模。我希望避免每次需要更新時重新創建圖表。有沒有一種方法可以動態更新的選項,如:使用Javascript動態更新chartjs中的圖表選項

myLiveChart.options.scaleStepWidth = 10; 
myLiveChart.update(); 

注:我曾嘗試以下還有:

myLiveChart.scaleStepWidth = 10; 

也試過myLiveChart.render();,而不是更新,但似乎沒有真正發揮作用。

這裏是說明問題的一個小提琴:http://jsbin.com/yaxafehixe/1/edit?html,js,output

+1

你檢查過chartjs文檔嗎?這對任何使用 - http://www.chartjs.org/docs/#scales-update-default-scale-config – Craicerjack

+1

@ Craicerjack:是的,我做了,但我找不到信息,特別想要我想做的。 。這是更新選項,而不是數據集。到目前爲止我嘗試過的(使用渲染或更新功能)基於文檔。 – Rose

+0

問題是:我不確定在哪裏檢查 選項如:scaleOverride,scaleSteps,scaleStepWidth:,scaleStartValue不在'scales'節中,它們直接在'options'節下 – Rose

回答

5

我發現,在任何情況下工作網上搜尋了一個解決方案。事情是這樣的:我使用的是chartjs版本1,其中up​​date()函數在所有情況下都不起作用,特別是當您嘗試更改圖表選項時。因此,切換到2.0版本,允許我使用update()正確地更改選項,例如:

myChart.options.scales.yAxes[0].ticks.min = someValue; 

這是證明的情況下,任何人解決我的問題小提琴面臨着同樣的問題:http://jsbin.com/bamemuliyu/3/edit?html,js,output