Javascript 饼图不';不能完全渲染
我创建了一个复制示例。Javascript 饼图不';不能完全渲染,javascript,vue.js,vuex,vuex-modules,vue-chartjs,Javascript,Vue.js,Vuex,Vuex Modules,Vue Chartjs,我创建了一个复制示例。 如您所见,legenda已渲染,但图形未渲染。是什么导致了这种不良行为?传递给dataStatusWa的参数顺序相反。 尝试更改(在App.vue中): 致: 传递给dataStatusWa的参数顺序相反。 尝试更改(在App.vue中): 致: 我已经修改了代码以绑定示例数据 要显示图表,您应该有一个具有以下结构的对象(标签、背景色和数据应具有相同的长度) { 标签:[“绿色”、“红色”、“蓝色”], 数据集:[ { 标签:“数据一号”, 背景颜色:[“#41B88
如您所见,legenda已渲染,但图形未渲染。是什么导致了这种不良行为?传递给
dataStatusWa
的参数顺序相反。
尝试更改(在App.vue中):
致:
传递给
dataStatusWa
的参数顺序相反。
尝试更改(在App.vue中):
致:
我已经修改了代码以绑定示例数据 要显示图表,您应该有一个具有以下结构的对象(标签、背景色和数据应具有相同的长度)
{
标签:[“绿色”、“红色”、“蓝色”],
数据集:[
{
标签:“数据一号”,
背景颜色:[“#41B883”、“#E46651”、“#00D8FF”],
数据:[1,10,5]
}
]
}
我修改了代码以绑定示例数据
要显示图表,您应该有一个具有以下结构的对象(标签、背景色和数据应具有相同的长度)
{
标签:[“绿色”、“红色”、“蓝色”],
数据集:[
{
标签:“数据一号”,
背景颜色:[“#41B883”、“#E46651”、“#00D8FF”],
数据:[1,10,5]
}
]
}
非常感谢您。已经连续8个小时编码了,不知不觉地把它放错地方了。非常感谢。连续编写了8个小时,不知不觉地把它放错了地方。这就是他在util.js
中返回的内容。问题是他以错误的顺序传递参数。看我的答案。是的。你说得对。这就是他在util.js
中返回的内容。问题是他以错误的顺序传递参数。看我的答案。是的。你是对的。
dataStatusWa() {
return dataStatusWa(this.getStatusWa, this.getStatusWaLabel);
}
dataStatusWa() {
return dataStatusWa(this.getStatusWaLabel, this.getStatusWa);
}