You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

同一页面两个ChartJS图表仅第一个显示,data2配置不生效问题咨询

问题原因

ChartJS 要求配置对象中必须使用固定的data字段作为图表数据的挂载键,你在config_2里直接写data2属于自定义键,ChartJS 读取不到对应的数据,所以第二个图表无法渲染。
你之前把config_2的data2改成data时,相当于直接引用了第一个图表的data变量,所以两个图表能渲染但数据完全一致。

修正方案

把config_2里的data2改为固定键名data,值引用你定义的data2变量即可,修正后的对应代码如下:

// 其余代码保持不变
const config_2 = {
    type: 'bar',
    data: data2, // 仅修改此处:指定固定键名data,值绑定你定义的data2数据集
    options: {}
};

修改后两个图表就可以分别读取各自的数据集,正常展示不同内容。

内容的提问来源于stack exchange,提问作者Jeppe Donslund

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.12 11:21:02