在条形图的顶部显示chart.js条形图的值

时间:2019-03-18 08:04:44

标签: javascript chart.js bar-chart

当鼠标悬停在条形图上时,它显示了我的值,但我想在条形图上看到所有值。

我在网上搜索了一些东西,但由于我不熟悉javascript而无法在我的项目中做。

这是我的代码:

        data = data.data;
        var context = $('#bar_chart').get(0).getContext("2d");
        var charLabels = [];
        var chartValues = [];
        debugger;
        for (var i = 0; i < data.length; i++) {
            var tempData = data[i];
            charLabels.push(tempData.Gorev_adi);
            chartValues.push(tempData.Personel_Sayisi);
        }

        var myBarChart = new Chart(context, {
            type: 'bar',
            data: {
                labels: charLabels,
                datasets: [{
                    label: 'Personel Sayısı',
                    data: chartValues,
                    backgroundColor: ["#3e95cd", "#8e5ea2", "#3cba9f", "#cccccc", "#e8c3b9"],
                    borderColor: "#800000",
                    borderWidth: 1
                }]
            },
            options: {
                responsive: false,
                scales: {
                    xAxes: [{
                        ticks: {
                            maxRotation: 90,
                            minRotation: 80
                        }
                    }],
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]


                }
            }
        });

0 个答案:

没有答案