Как мне заставить график не менять параметры?

У меня есть график, который я строю с помощью библиотеки 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();
  }
},

Ответы (0 шт):