Toggling series on and off via chart API

This demo shows how we can toggle a series off and on using its hide() and show() methods.

Relevant code:

TypeScript

function toggle(index) {
  let series = chart.series.getIndex(index);
  toggleSeries(series);
}

function toggleSeries(series) {
  if (series.get("visible")) {
    series.hide();
  }
  else {
    series.show();
  }
}

JavaScript

function toggle(index) {
  var series = chart.series.getIndex(index);
  toggleSeries(series);
}

function toggleSeries(series) {
  if (series.get("visible")) {
    series.hide();
  }
  else {
    series.show();
  }
}

Open in CodePen