Chart.js:条形图显示标签,而不是数据

时间:2018-05-02 08:31:38

标签: javascript chart.js bar-chart

我想使用此代码(非常简单)绘制带有chart.js的条形图:

    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
                                    }
                                }]
                        }
                }


        });

但我明白了:标签显示正确,甚至y轴范围也是正确的。但酒吧没有显示出来。我可以点击图例项目,使相应的数据消失,y轴范围可以正确调整。

enter image description here

有人有想法吗?

0 个答案:

没有答案