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