Morris js圖表 - 動態更改設置

Question

是否可以動態更新Morris圖表？我知道setData()會更新數據，但我想更新設置。即，用戶能夠選擇條形圖是否堆疊。

我曾嘗試：

bChart.stacked = true; 
bChart.setData(response); 

...因爲setData()將重繪。我也試過bChart.redraw();。沒有變化。

任何想法歡迎。

Answer 1

您當時是90％。您需要將bChart.options.stacked設置爲true;，然後執行bChart.redraw();。

因此，用於切換堆疊條形代碼如下（如果你正在使用jQuery）：

jQuery(function($) { 
    $('#stacked').on('change', function() { 
     bChart.options.stacked = $(this).is(':checked'); 
     bChart.redraw(); 
    }); 
}); 

提供的複選框切換此選項有一個#stacked ID。

See this working JSFiddle.