Chart.js 图表js中的条形图闪烁问题

Chart.js 图表js中的条形图闪烁问题,chart.js,Chart.js,我得到闪烁的问题,以及图表js的缩放问题。这意味着我有一个条形图在这一些水平是如此之高,意味着其中一些是20k 30k,其中一些是0.1的数据,所以当我悬停到最近的较少的数据栏,它消失了所有的图表,它只显示我的图表,但我不想知道如何禁用这件事 真实图表: 问题图像的缩放或闪烁: 将此添加到代码中以禁用Y方向缩放 zoom: { // Boolean to enable zooming enabled: false,

我得到闪烁的问题,以及图表js的缩放问题。这意味着我有一个条形图在这一些水平是如此之高,意味着其中一些是20k 30k,其中一些是0.1的数据,所以当我悬停到最近的较少的数据栏,它消失了所有的图表,它只显示我的图表,但我不想知道如何禁用这件事

真实图表:

问题图像的缩放或闪烁:


将此添加到代码中以禁用Y方向缩放

zoom: {
            // Boolean to enable zooming
            enabled: false,                     
            // Zooming directions. Remove the appropriate direction to disable 
            // Eg. 'y' would only allow zooming in the y direction
            mode: 'y',
        }
例如:

    var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3]
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        },
        pan: {
            enabled: true,

            mode: 'x',

            speed: 1
        },

        zoom: {
            enabled: false,                     
            mode: 'y',
        }
    }
});

下次请提供您的代码

,但每当我使用缩放或平移时,它都会显示一个错误。你能告诉我如何手动添加缩放重置功能吗?因为无论何时我使用任何事件,它都对我有效,因此如果我在每次初始化时都使用该事件,它将不起作用flicker@DineshKumar Behera你能给我看一下错误信息吗?
    var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3]
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        },
        pan: {
            enabled: true,

            mode: 'x',

            speed: 1
        },

        zoom: {
            enabled: false,                     
            mode: 'y',
        }
    }
});