Javascript 图表JS未显示数据

Javascript 图表JS未显示数据,javascript,html,charts,Javascript,Html,Charts,嘿,伙计们,我用一些数据做了一个条形图,当我看的时候,它只显示第一个条形图和第二个条形图是向下的…不知道为什么。试图更改数据,但仍然没有发生任何事情…所以数据不重要,我查看了文档,没有发现任何错误 var选项二={ 类型:'bar', 数据:{ 标签:[“Label1”、“Label2”], 数据集:[{ 数据:[45000], 标签:“标签”, 背景色:“3e95cd”, }, { 数据:[40000], 标签:“Label2”, 背景色:“8e5ea2”, }, ] }, 选项:{ 图例

嘿,伙计们,我用一些数据做了一个条形图,当我看的时候,它只显示第一个条形图和第二个条形图是向下的…不知道为什么。试图更改数据,但仍然没有发生任何事情…所以数据不重要,我查看了文档,没有发现任何错误

var选项二={
类型:'bar',
数据:{
标签:[“Label1”、“Label2”],
数据集:[{
数据:[45000],
标签:“标签”,
背景色:“3e95cd”,
}, { 
数据:[40000],
标签:“Label2”,
背景色:“8e5ea2”,
}, ]
},
选项:{
图例:{
显示:对,
位置:“底部”,
标签:{
fontColor:'rgb(0,0,0)'
}
}
}
}
var ctxOne=document.getElementById('bar-chart').getContext('2d');
新图表(ctxOne,选项二)

这是工作代码

var选项二={
类型:'bar',
数据:{
//标签:[“Label1”、“Label2”],
标签:[“标签”],
数据集:[{
数据:[45000],
标签:“标签1”,
背景色:“3e95cd”,
}, {
数据:[40000],
标签:“标签2”,
背景色:“8e5ea2”,
}, ]
},
选项:{
图例:{
显示:对,
位置:“底部”,
标签:{
fontColor:'rgb(0,0,0)'
}
},
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
}
}
}
var ctxOne=document.getElementById('bar-chart').getContext('2d');
新图表(ctxOne,选项二)


很好,它可以工作,但是你能告诉我为什么当我用鼠标移动标签时会有未定义的内容吗?如何删除它?嘿,我刚刚更新了我的答案,它现在应该显示一些东西。您可以通过更改数据对象的labels属性来更改它(我在其中放置了“标签”)