Using custom legend to toggleSeries in a React app

Using the import Chart from ‘react-apexcharts’; method to generate a Chart <Chart options={this.state.options} series={this.state.series} type="line" />

There doesn’t seem to be away to use ApexCharts.toggleSeries to toggle a series line with react-apexcharts

[Amber-Williams]

Figured out the solution and thought I would post it here for anyone else

import Chart  from 'react-apexcharts';
import ApexCharts from 'apexcharts';

toggle (e) {
  ApexCharts.exec('graphID', 'toggleSeries', e.target.value);
}

render() {
  <>
    <button value="seriesNameHere1" onClick={this.toggle}>Series 1</button>
    <button value="seriesNameHere2" onClick={this.toggle}>Series 2</button>
    <Chart
      options={this.state.options}
      series={this.state.series}
      type="line"
    />
  </>
}

[KostiantynFilipenkov]

@Amber-Williams Thanks for help, Have example for hover Item ?

Hello! Did you find a solution? How to call hover?