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();
    });
});

假设切换此选项的复选框具有#stackedID.

看到这个工作JSFiddle.