Javascript Chart.js:条形图显示标签,而不是数据
我想使用以下代码绘制chart.js的条形图(非常简单): 但我明白了:标签显示正确,即使y轴范围也正确。但是酒吧没有出现。我可以点击图例项目,使相应的数据消失,y轴范围将正确调整Javascript Chart.js:条形图显示标签,而不是数据,javascript,chart.js,bar-chart,Javascript,Chart.js,Bar Chart,我想使用以下代码绘制chart.js的条形图(非常简单): 但我明白了:标签显示正确,即使y轴范围也正确。但是酒吧没有出现。我可以点击图例项目,使相应的数据消失,y轴范围将正确调整 有人有什么想法吗?您的选项导致了问题,下面是我从您的数据中提取的一个示例,并生成了这个jsbin:根据您的需要随意更改选项,您会没事的。哦,我明白了,是x轴选项“stacked:false”导致了问题。非常感谢你!没问题,很高兴你发现了。 this.plotEnergy = new Chart($('#pl
有人有什么想法吗?您的选项导致了问题,下面是我从您的数据中提取的一个示例,并生成了这个jsbin:根据您的需要随意更改选项,您会没事的。哦,我明白了,是x轴选项“stacked:false”导致了问题。非常感谢你!没问题,很高兴你发现了。
this.plotEnergy = new Chart($('#plotEnergy'),
{
type: 'bar',
animation: false,
data:
{
labels: ["aaa", "bbb"],
datasets: [ {
label: "ijoij",
backgroundColor: '#000000',
data: [2000, 2300]
},
{
label: "ijooijojij",
backgroundColor: '#FF00FF',
data: [1500, 2500]
},
]
},
options:
{
tooltips:
{
mode: 'index',
intersect: false
},
title:
{
display: true,
text: 'Generated energy'
},
responsive: true,
scales:
{
xAxes: [
{
stacked: 'false',
position: 'bottom',
}],
yAxes: [
{
stacked: false,
scaleLabel:
{
display: true,
labelString: 'Energy [kWh]'
},
ticks: {
beginAtZero: true
}
}]
}
}
});