# seriesToggled

CustomEvent.detail type: ChartSeriesToggledEventDetail. Event names are case-sensitive.

Canonical: https://chart.syidax.com/docs/events/seriesToggled/

<a id="definition"></a>

## Definition

Event name: `seriesToggled`. Names are case-sensitive. Read the payload from `detail` on `CustomEvent<ChartSeriesToggledEventDetail>`.

```javascript
chart.addEventListener('seriesToggled', event => {
  console.log(event.detail); // ChartSeriesToggledEventDetail
});
```

- [ChartSeriesToggledEventDetail](https://chart.syidax.com/docs/types/ChartSeriesToggledEventDetail.md) — Type definition

<a id="related"></a>

## Related charts

- [sy-line-chart](https://chart.syidax.com/docs/components/line.md#event-seriesToggled)
- [sy-area-chart](https://chart.syidax.com/docs/components/area.md#event-seriesToggled)
- [sy-column-chart](https://chart.syidax.com/docs/components/column.md#event-seriesToggled)
- [sy-bar-chart](https://chart.syidax.com/docs/components/bar.md#event-seriesToggled)
- [sy-scatter-chart](https://chart.syidax.com/docs/components/scatter.md#event-seriesToggled)
- [sy-polar-chart](https://chart.syidax.com/docs/components/polar.md#event-seriesToggled)
- [sy-radar-chart](https://chart.syidax.com/docs/components/radar.md#event-seriesToggled)
- [sy-dumbbell-chart](https://chart.syidax.com/docs/components/dumbbell.md#event-seriesToggled)
- [sy-dot-plot-chart](https://chart.syidax.com/docs/components/dot-plot.md#event-seriesToggled)
- [sy-marimekko-chart](https://chart.syidax.com/docs/components/marimekko.md#event-seriesToggled)
- [sy-pareto-chart](https://chart.syidax.com/docs/components/pareto.md#event-seriesToggled)