[MIXED CHART.JS]动画选项搞砸了chart.js

Question

1. 打开https://codepen.io/dhika345/pen/JxZJqp
2. 尝试将鼠标悬停在图表上方

每当你将鼠标悬停在它上面时，你都可以看到它是由动画选项引起的。

怎么处理呢？

码：

        var lineChartOptions = {
            animation: {
              easing: 'easeInOutBack'
            },
            legend: {
                display: false
            },
            tooltips: {
                mode: 'index',
                intersect: false,
                callbacks: {
                    title: function (tooltipItem, data) {
                        var arrDateTooltip = new Array();

                        tooltipItem.forEach(function (value, index) {
                            arrDateTooltip.push(hourTooltipCallbackLine[value.index])
                        })

                        return arrDateTooltip;
                    },
            hover: {
                mode: 'nearest',
                intersect: true
            },
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero:true
                    }
                }]
            },
        }

Answer 1

你做的一切都很好，但有一个错误。检查https://www.chartjs.org/docs/latest/general/colors.html

您不能在将颜色设置为0的途中声明颜色。你可以写black或使用'rgba(0,0,0)'。