使用更新按钮将2个图表合并为1个图表（Chart.js）答案

【问题标题】：Merge 2 charts into 1 chart using update button (chart.js)使用更新按钮将2个图表合并为1个图表（Chart.js）
【发布时间】：2021-04-09 06:35:40
【问题描述】：

我只是想知道你如何使用chart.js将2个图表组合成1个图表

我想将显示的图表（使用按钮-onclick 功能-）合并为 1 个混合图表，以便查看数据比较

我在 chart.js 上看到过很多混合图表，但希望先有 2 组图表然后变成 1 组图表

Here

【问题讨论】：

【解决方案1】：

单击按钮时，您将合并此代码

chart.data.labels.push(label);
    chart.data.datasets.forEach((dataset) => {
        dataset.data.push(data);
    });
    chart.update();

然后要删除您的其他图表，您将使用 chart.destroy()。

或者，您可以先加载图表的数据，然后将您想要在单击时显示的数据系列的可见性更改为无，并将旧图表的可见性设置为无。如果您使用大量数据集，这在客户端上会更轻松，并且在使用 jQuery 的 .toggle() 函数时更容易控制。

【讨论】：