[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)'。