Как «удалить переменную»?

Question

[Даниил]

Мне нужно в else, добавить какой-то код, который будет удалять вторую серию. Вот мой код

let chBox = document.querySelector("#checkbox");
        let series_two;
        chBox.addEventListener("click", function() {
          // document.location.reload();
          if (chBox.checked) {
            series_two = chart.plot(0).line(data);
            series_two.name("НАЦБанк");
          } else {
            series_two = undefined;
          }
        })

Вот, что я получаю Много второй серии (при клике несколько раз на чекбокс). А мне нужно, чтобы если чекбокс не был выбран, то вторая серия как-то удалялась. Возможно ли это?

Comments

[Александр]

Какую библиотеку используете для графиков?

[Даниил]

Александр, anychart. Всю доку пересмотрел, вроде как нет у них такого, чтобы при клике серия добавлялась

[Даниил]

низкомолекулярный макрос, Верно, добавляю, но в else мне нужно удалять.

[Даниил]

TheAndrey7, если честно, не знаю принципиальной разницы. Разве что, getElement чуть быстрее

[Александр]

ostup17, оформите пример в песочницу.

[WbICHA]

TheAndrey7, быстрее, только вот если ты таким образом ищешь ноду один раз при загрузке страницы, разницу ты не заметишь.

[Даниил]

Александр, 500+ строк кода

[Даниил]

Александр, Вот Сократил, оставил только нужное

[Александр]

ostup17, проблемы вашего кода:
1. Множественное присвоение обработки событий.
2. Множественный запуск интервалов.

const requestURL = 'https://api.coincap.io/v2/candles?exchange=poloniex&interval=h8&baseId=ethereum&quoteId=bitcoin';
let offset = 0;

const datatt = anychart.data.table(0);
const data = anychart.data.table(0);

async function requestAndTreatment() {
  const response = await fetch(requestURL)
    .then(response => response.json());

  const arr = response.data;
  const arrReversed = [...arr].reverse();

  const pointA = arrReversed[offset++];
  const pointALow = Number(pointA.low);
  const pointAHigh = Number(pointA.high);
  const pointB = arr[offset++];
  const pointBLow = Number(pointB.low);
  const pointBHigh = Number(pointB.high);

  const averageA = (pointALow + pointAHigh) / 2;
  const averageB = (pointBLow + pointBHigh) / 2;

  datatt.addData([[response.timestamp, averageA]]);
  data.addData([[response.timestamp, averageB]]);
}

window.addEventListener('DOMContentLoaded', () => {
  const jccBtnLine = document.querySelector('#jcc_btn_line');
  const jccLine = document.querySelector('#jcc_line');
  const chBox = document.querySelector('#checkbox');

  let intervalId = null;
  jccBtnLine.addEventListener('click', () => {
    jccLine.style.fill = '#1976d2';

    clearInterval(intervalId);
    intervalId = setInterval(requestAndTreatment, 5000);
  });

  let secondSeries = null;
  chBox.addEventListener('change', () => {
    if (!chart) {
      return;
    }

    if (chBox.checked) {
      secondSeries = chart.plot(0).addSeries(data)[0];
      secondSeries.name('НАЦБанк');
    } else {
      if (secondSeries) {
        chart.plot(0).removeSeries(secondSeries.id());
        secondSeries = null;
      }
    }
  });

  anychart.onDocumentReady(() => {
    chart = anychart.stock();
    chart.interactivity().hoverMode('single');
    chart.plot(0).line(datatt);
    chart.container('containertt');
    chart.draw();
  });
});

[Даниил]

Александр, Большое спасибо! Не совсем понял ваши замечания, но я постараюсь разобраться! А по поводу кнопки, там просто 4 кнопки с различными графиками, по этому вешал слушатель на кнопку. Но у меня остался один вопрос, если смотреть доку, то удаление должно быть таким

if (chBox.checked) {
series_two = chart.plot(0).line(data);
series_two.name("НАЦБанк");
series.id("one");
} else {
chart.removeSeries("one");
}
console.log(series_two)
})

однако получал ошибку - chart.removeSeries is not a function. Хотя, вроде как, технически - написано верно

такой вывод я сделал исходя из примера в документации -

var series = chart.getSeries(0);
    series.id('Not seasonal');

    // Removes the first series by id.
    chart.removeSeries('Not seasonal');

    chart.title('Remove series by id');
    chart.container('container');
    chart.draw();

Вот ссылка на пример

Answer 1

[alexalexes]

Удаление плота:
https://docs.anychart.com/Stock_Charts/Chart_Plots....

DISABLING AND REMOVING
If you want to disable plot temporarily use the enabled() method, the series and settings will stay there once you enable plot again.

To remove plot with all its contents and settings use the dispose() method.

Удаление серии:
https://docs.anychart.com/Working_with_Data/Series....

REMOVING SERIES
As far as any chart can be adjusted or added at any time, you can also remove any series. If you know the id of the series that should be removed, invoke removeSeries() method and use series id as a parameter for this method. In the situation, when the series has no id it can be removed using removeSeriesAt() method. removeSeriesAt() method uses series index as a parameter and removes the series with the given index.