Как мне заставить график не менять параметры?
У меня есть график, который я строю с помощью библиотеки vue3-chart-v2 Документация
После того как у меня график построился, я имею много точек которые соответствуют входящим данным. Я навожу курсор на эти точки и все работает хорошо( график показывает показания и никаких странностей не происходит) но после того как я меняю флаг который меняет график на показания других данных я получаю соответственно другой график, но тут когда я навожу курсор на точки на графике он переодически начинает менять свои показания на график который был на основании старых данных и потом обратно на новые данные. В общем его просто начинает шатать из одних данных в другие. Я не понимаю как сделать так чтобы после того как я нажимаю флаг для получения новых данных я не получал старые при наводке курсора на график. Вот пример как это работает.

После того как я навожу на график, я получаю вот такую картину

Компонент этой страницы
watch (тут я отслеживаю флаг который нажимаю )
subDirectionFlag(newValue, oldValue) {
if (newValue) {
let DELAY = 1000; // Задержка
clearTimeout(this.timerId);
this.timerId = setTimeout(() => {
this.FieldsCheck();
}, DELAY);
console.log("newValue-subDirectionFlag", newValue);
}
if (oldValue) {
let DELAY = 1000; // Задержка
clearTimeout(this.timerId);
this.timerId = setTimeout(() => {
this.FieldsCheck();
}, DELAY);
console.log("oldValue-subDirectionFlag", oldValue);
}
},
methods Сам метод который делает запрос для получения данных
async setDirection() {
let shit = 0;
setInterval(async () => {
try {
const result = await this.$store.dispatch(
"getQaStructs_actions",
this.requestParams
);
if (result) {
shit++;
if (shit === 1) {
this.chartData = result[0].chart;
}
this.tableData = result[0].table;
this.max_slippage = result[0].max_slippage;
}
} catch (error) {
console.log(error);
}
}, 2000);
/* console.log("tableData", this.tableData); */
},
Метод проверки
async FieldsCheck() {
if (
this.selectedCoin &&
this.selectedDate &&
this.coinAmount != 0 &&
this.selectedDirection
) {
this.setDirection();
}
},