同一页面两个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
相关产品推荐
相关产品推荐

