# legendItemClick

CustomEvent.detail 타입: ChartLegendItemEventDetail. 이벤트 이름은 대소문자를 구분합니다.

Canonical: https://chart.syidax.com/ko/docs/events/legendItemClick/

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

## 정의

이벤트 이름: `legendItemClick`. 대소문자를 구분합니다. payload는 `CustomEvent<ChartLegendItemEventDetail>`의 `detail`에서 읽습니다.

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

- [ChartLegendItemEventDetail](https://chart.syidax.com/ko/docs/types/ChartLegendItemEventDetail.md) — 타입 정의

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

## 관련 차트

- [sy-line-chart](https://chart.syidax.com/ko/docs/components/line.md#event-legendItemClick)
- [sy-area-chart](https://chart.syidax.com/ko/docs/components/area.md#event-legendItemClick)
- [sy-column-chart](https://chart.syidax.com/ko/docs/components/column.md#event-legendItemClick)
- [sy-bar-chart](https://chart.syidax.com/ko/docs/components/bar.md#event-legendItemClick)
- [sy-pie-chart](https://chart.syidax.com/ko/docs/components/pie.md#event-legendItemClick)
- [sy-scatter-chart](https://chart.syidax.com/ko/docs/components/scatter.md#event-legendItemClick)
- [sy-polar-chart](https://chart.syidax.com/ko/docs/components/polar.md#event-legendItemClick)
- [sy-radar-chart](https://chart.syidax.com/ko/docs/components/radar.md#event-legendItemClick)
- [sy-dumbbell-chart](https://chart.syidax.com/ko/docs/components/dumbbell.md#event-legendItemClick)
- [sy-dot-plot-chart](https://chart.syidax.com/ko/docs/components/dot-plot.md#event-legendItemClick)
- [sy-marimekko-chart](https://chart.syidax.com/ko/docs/components/marimekko.md#event-legendItemClick)
- [sy-pareto-chart](https://chart.syidax.com/ko/docs/components/pareto.md#event-legendItemClick)
- [sy-gauge-chart](https://chart.syidax.com/ko/docs/components/gauge.md#event-legendItemClick)
- [sy-funnel-chart](https://chart.syidax.com/ko/docs/components/funnel.md#event-legendItemClick)
- [sy-funnel-chart](https://chart.syidax.com/ko/docs/components/pyramid.md#event-legendItemClick)
- [sy-item-chart](https://chart.syidax.com/ko/docs/components/item.md#event-legendItemClick)