使用更新按钮(chart.js)将2个图表合并为1个图表

奥尔拉克·巴尔

我只想知道如何使用chart.js将2张图表合并为1张图表

我想将显示的图表(使用按钮-onclick函数-)合并到1个混合图表中,这样我就可以看到数据的比较

我在chart.js上看到了很多混合图表,但是想要先拥有2套图表,然后再变成1套图表

JSFIDDLE

Here
卢克·古德

Chart.js文档:https://www.chartjs.org/docs/latest/developers/updates.html

单击按钮,您将合并此代码

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

然后,要删除其他图表,可以使用chart.destroy()。

或者,您可以最初加载图表的数据,并将要单击时显示的数据系列的可见性更改为“无”,并将旧的图表可见性设置为“无”。如果您使用大量的数据集,那么对客户端来说将更轻便,并且在使用jQuery的.toggle()函数时更易于控制。

https://www.chartjs.org/docs/3.0.0-alpha/developers/api.html

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将两个对象数组合并为一个数组以在Google图表中使用

使用图表js制作2个图表

将 3 个图表合并为 1 个

使用XSLT 1.0将2个Muenchian组合并为1个

使用子查询将2个SQL查询合并为1个

使用 MySQL 5.7 将 2 个登录/注销时间表合并为 1 个

将2个具有不同时间范围的类似查询合并为1个,而不是使用UNION ALL

如何使用按钮切换2个图表

努力将多个图表合并到一个表格中,并使用Gnuplot使其保持清晰

ng2Charts / chart.js更改一个图表类型会影响许多图表

dc.js图表包含2个不同的数据集,一个图表更新了另一个数据集

使用循环将2个相似的数据帧列表合并为一个列表

使用Oracle将2个列从联结表合并为一个

使用python将2个文本文件合并为一个文件

Chart.js使用X轴时间动态更新图表

使用 Altair 创建包含 3 个图表的合并图表,但第一个标题未正确对齐

如何通过使用BizTalk映射器将2个不同的重复节点合并为1个重复节点来进行映射

如何使用pandas根据列ID将多个csv文件合并为1个文件

使用 assign 和 lambda 将年和月列合并为 1 个日期列

使用聚合值将 x 个 python 字典合并为 1

使用NextJS时如何将多个JS文件合并为一个捆绑包?

如何使用node.js将多个Mongodb查询合并为一个查询?

将更新语句合并为一个

使用angular js指令渲染两个图表分开的图表

使用 javascript 和 chart.js 在单个图表上显示两个图形的问题

使用canvas2svg.js将chart.js图表导出到svg

如何使用javascript / jquery将3个canvas HTML元素合并为1个图像文件?

图表。如何更新实时图表中的两个系列?

使用ffmpeg将信号合并为一个