# values

단일 시리즈의 값을 전달합니다. Line의 숫자 배열, Scatter의 좌표 배열 등 선택한 차트 종류에 맞는 타입을 사용합니다. 배열과 객체는 JavaScript 프로퍼티로 할당하세요.

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

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

## 정의

| 항목 | 값 |
| --- | --- |
| JavaScript 프로퍼티 | `values` |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | `LineChartValues \| ScatterChartValues` |
| 기본값 | `new Float32Array(0)` |

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

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

## 설정 예제

```javascript
// sy-pie-chart를 등록하고 요소를 만든 뒤 설정합니다.
chart.values = [
  {
    "name": "제품 A",
    "value": 42,
    "color": "#8263d9"
  },
  {
    "name": "제품 B",
    "value": 28,
    "color": "#239c91"
  },
  {
    "name": "제품 C",
    "value": 18,
    "color": "#e99954"
  },
  {
    "name": "기타",
    "value": 12,
    "color": "#d76c8f"
  }
];
```

- [Pie · 전체 예제와 API](https://chart.syidax.com/ko/docs/components/pie.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-values)
- [sy-area-chart](https://chart.syidax.com/ko/docs/components/area.md#property-values)
- [sy-column-chart](https://chart.syidax.com/ko/docs/components/column.md#property-values)
- [sy-bar-chart](https://chart.syidax.com/ko/docs/components/bar.md#property-values)
- [sy-pie-chart](https://chart.syidax.com/ko/docs/components/pie.md#property-values)
- [sy-scatter-chart](https://chart.syidax.com/ko/docs/components/scatter.md#property-values)
- [sy-lollipop-chart](https://chart.syidax.com/ko/docs/components/lollipop.md#property-values)
- [sy-variwide-chart](https://chart.syidax.com/ko/docs/components/variwide.md#property-values)
- [sy-pareto-chart](https://chart.syidax.com/ko/docs/components/pareto.md#property-values)
- [sy-histogram-chart](https://chart.syidax.com/ko/docs/components/histogram.md#property-values)
- [sy-stem-leaf-chart](https://chart.syidax.com/ko/docs/components/stem-leaf.md#property-values)
- [sy-pictorial-chart](https://chart.syidax.com/ko/docs/components/pictorial.md#property-values)
- [sy-item-chart](https://chart.syidax.com/ko/docs/components/item.md#property-values)
- [sy-word-cloud](https://chart.syidax.com/ko/docs/components/word-cloud.md#property-values)
- [sy-wafer-map](https://chart.syidax.com/ko/docs/components/wafer-map.md#property-values)
- [sy-yield-zone-chart](https://chart.syidax.com/ko/docs/components/yield-zone-chart.md#property-values)