morris.js - Morris js 图表 - 动态更改设置

Question

是否可以动态更新莫里斯图？我知道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.