ChartJS:horizo​​ntalBar标签错误

时间:2017-04-06 11:55:15

标签: javascript jquery chart.js

我的Horizo​​ntalBar图表出错了。基本上当我将鼠标悬停在某个栏上时,它应该显示标签名称和此栏的值。但在我的图表中,它显示了标签和标签,没有价值。

这是一张照片:https://i.stack.imgur.com/NGNPM.jpg 它应该告诉我:“十大客户和2400以下”

这是完全静态的代码,这里是:

    var gerarGraficoDeBarrasHorizontal = function (name, labels, components){

    var myChart = new Chart(name, {
        type: 'horizontalBar',
        data: {
            labels: labels,
            datasets: components
        },
        options: optionsSemLegenda
    });
}

// OBJECT TO CLARIFY THE CHART CREATION
var barrasHorizontal = [{
    data: [2500, 5000],
    backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)'],
    borderColor: ['rgba(255,99,132,1)', 'rgba(54, 162, 235, 1)'],
    borderWidth: 1
}];

// CREATE CHART
gerarGraficoDeBarrasHorizontal('topDezClientesxFaturamentoTotal', ["Top 10 
Clientes", "Faturamento Total"], barrasHorizontal);

非常感谢!!

@Edit#1

var optionsSemLegenda = new Object();
optionsSemLegenda = {
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero: true
            }
        }],
        xAxes: [{
            ticks: {
                beginAtZero: true
            }
        }]
    },
    legend: {
        display: false
    },
    tooltips: {
        callbacks: {
            label: function (tooltipItem) {
                return tooltipItem.yLabel;
            }
        }
    }
}

0 个答案:

没有答案