javascript - 重新加载 c3.js 图表上的所有数据点

Question

我在html中做了一个简单的div:

<div class='all'>
    Show all
</div>

这是我标记的 JS:

$(document).ready(function () {
    $('.all').click(function(){
        chart.flush();
    });
});

当用户单击图例中的各个 x 数据集名称时，数据点将消失。我希望这样，如果他们单击(例如 20 个数据点名称)，他们只需单击一个按钮即可将它们全部放回到图表上，而不必再次重新单击所有 20 个选项。

我试图做到这一点，以便当我单击 div 类 all 时，图表将重新加载那里的所有数据点。

同样，我也想要它，以便我可以删除所有数据点。

在flush (http://c3js.org/reference.html#api-flush)的c3.js引用指南中，我认为这会重新加载图表上的所有点。显然事实并非如此。有没有办法让我单击 div 后，所有点都会放回到图表上？

Answer 1

您是否尝试过使用 chart.show(); 而不是 chart.flush();？

要隐藏所有数据，您可以执行chart.hide()。

chart.toggle() 也可以做到这一点，它将显示隐藏的数据并隐藏显示的数据。