chartjs-plugin-zoom:在页面首次加载时获取当前可见的值

import { Chart, LineController, LineElement, PointElement, LinearScale, Title, Tooltip } from 'chart.js';
Chart.register(LineController, LineElement, PointElement, LinearScale, Title, Tooltip);
Chart.register(require('chartjs-plugin-zoom'));

const ctx = document.getElementById('myChart').getContext('2d');
const chart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [{
            label: 'My First dataset',
            backgroundColor: 'rgb(255, 99, 132)',
            borderColor: 'rgb(255, 99, 132)',
            data: [0, 10, 5, 2, 20, 30, 45]
        }]
    },
    options: {
        plugins: {
            zoom: {
                zoom: {
                    wheel: {
                        enabled: true,
                    },
                    pinch: {
                        enabled: true
                    },
                    mode: 'xy',
                }
            }
        }
    }
});

chart.options.plugins.zoom.onZoomComplete = function() {
    const activePoints = chart.getElementsAtEventForMode(chart.chartArea, 'nearest', { intersect: true }, 'index', { threshold: 5 });
    if (activePoints.length > 0) {
        const firstPoint = activePoints[0];
        const datasetIndex = firstPoint._datasetIndex;
        const dataIndex = firstPoint._index;
        const value = chart.data.datasets[datasetIndex].data[dataIndex];
        console.log(`Current visible value: ${value}`);
    }
};