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.