Chart.js 2.0:如何在鼠标悬停时显示工具提示

时间:2019-03-07 16:14:34

标签: chart.js

当我将鼠标悬停在Chart.js中的图形中的鼠标上时,工具提示的显示出现问题。当屏幕较小时,将显示该屏幕,而当我恢复正常大小时,它将显示更多。

这是我的代码:

if ((window.screen.width > 375) && (window.screen.height > 568)) {
    $scope.billing_options = {
        //responsive: true,
        legend: {
            display: true
        },
        scales: {
            yAxes: [{
                //axe des y
                ticks: {
                    beginAtZero: true,
                    suggestedMax: 0.07,
                    //Create % notation labels
                    callback: function (value, index, values) {
                        return Math.round((value) * 100) + " %";
                    }
                }
            }]
        },
        tooltips: {
            callbacks: {
                label: function (tooltipItem, data) {
                    if (data.datasets[tooltipItem.datasetIndex].label == 'Avenant') {
                        return data.datasets[tooltipItem.datasetIndex].label + ': ' + ((factudata[tooltipItem.index].salesVariation)) + " %";
                    } else
                        return data.datasets[tooltipItem.datasetIndex].label + ': ' + ((data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index])) + " %";
                }
            }
        }
    };

0 个答案:

没有答案