# series

여러 시리즈를 함께 표시합니다. 각 시리즈에 이름, 값, 색과 표시 옵션을 지정합니다. 시리즈의 데이터 구조는 차트 종류별 타입을 따릅니다.

Canonical: https://chart.syidax.com/ko/docs/options/series/

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

## 정의

| 항목 | 값 |
| --- | --- |
| JavaScript 프로퍼티 | `series` |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | `LineChartSeries[] \| ScatterChartSeries[]` |
| 기본값 | `undefined` |

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

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

<a id="example"></a>

## 설정 예제

```javascript
// sy-line-chart를 등록하고 요소를 만든 뒤 설정합니다.
chart.series = [
  {
    "name": "Organic",
    "color": "#8263d9",
    "values": [
      24,
      29,
      27,
      38,
      43,
      40,
      52,
      58,
      53,
      68,
      76,
      84
    ]
  },
  {
    "name": "Direct",
    "color": "#239c91",
    "values": [
      15,
      19,
      17,
      24,
      22,
      29,
      32,
      30,
      39,
      42,
      40,
      51
    ]
  },
  {
    "name": "Referral",
    "color": "#e99954",
    "values": [
      8,
      11,
      9,
      15,
      13,
      19,
      17,
      23,
      22,
      28,
      25,
      33
    ]
  }
];
```

- [Line · 전체 예제와 API](https://chart.syidax.com/ko/docs/components/line.md)

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

## 관련 문서

같은 이름의 속성도 차트마다 타입과 기본값이 다를 수 있습니다. 직접 태그를 사용하는 경우 아래 해당 차트 문서를 기준으로 설정하세요.

- [공통 파사드와 직접 태그](https://chart.syidax.com/ko/docs/concepts.md)
- [sy-line-chart](https://chart.syidax.com/ko/docs/components/line.md#property-series)
- [sy-area-chart](https://chart.syidax.com/ko/docs/components/area.md#property-series)
- [sy-column-chart](https://chart.syidax.com/ko/docs/components/column.md#property-series)
- [sy-bar-chart](https://chart.syidax.com/ko/docs/components/bar.md#property-series)
- [sy-scatter-chart](https://chart.syidax.com/ko/docs/components/scatter.md#property-series)
- [sy-marimekko-chart](https://chart.syidax.com/ko/docs/components/marimekko.md#property-series)
- [sy-navigator](https://chart.syidax.com/ko/docs/components/navigator.md#property-series)