Строка 3:13: 'zoom' определен, но никогда не использовал no-unused-vars 'при использовании диаграммы js -2 в React. js

Question

Я строю линейный график в React. js, используя карту реакции js -2. Я использую масштабирование и панорамирование. Я импортировал масштаб из карты реакции js -2 и использовал его позже в своем коде. Примечание. Если я удалю эту строку импорта, функция масштабирования на графике перестанет работать:

импорт * как масштаб из 'chart js -plugin-zoom';

         <Line
            data={data}
            options={{
                title: {
                    display: true,
                    text: `${data.title}`,
                    fontSize: 20
                },
                legend: {
                    display: true,
                    position: 'right'
                },
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                pan: {
                    enabled: true,
                    mode: 'x',
                    rangeMin: {
                        x: 20,
                        y: 20
                    },
                    rangeMax: { 
                        x: 40,
                        y: 40
                    },
                    speed: 0.5
                },
                zoom: {
                    enabled: true,
                    mode: 'x',
                    rangeMin: {
                        x: 15,
                        y: 10
                    },
                    rangeMax: { 
                        x: 20,
                        y: 20
                    },
                    speed: 0.5
                }
            }}
        />

Но все равно появляется эта ошибка:

. / Src / components / LineGraph.jsx Строка 3:13: 'zoom' определен, но никогда не использовал no-unused-vars

Answer 1

Ваш код не использует импортированный зум. У вас есть объект с ключом zoom, но вы нигде не используете импортированную переменную zoom.

Попробуйте import 'chartjs-plugin-zoom'; вместо import * as zoom from 'chartjs-plugin-zoom';, потому что вы просто хотите загрузить модуль, а не ссылаться на него.