# data

차트 종류에 특화된 데이터를 전달합니다. 트리, 노드·링크, OHLC 등 각 차트의 입력 구조를 사용합니다. 이 유니온의 모든 타입이 모든 차트에 적용되는 것은 아닙니다.

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

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

## 정의

| 항목 | 값 |
| --- | --- |
| JavaScript 프로퍼티 | `data` |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | `RadarChartData \| FunnelChartData \| ReadonlyArray<DumbbellDatum> \| ReadonlyArray<DotPlotDatum> \| ReadonlyArray<TornadoDatum> \| ReadonlyArray<VariwideDatum> \| ChordData \| NetworkGraphData \| TreemapData \| SankeyData \| ErrorBarData \| WaterfallData \| BubbleData \| BoxPlotData \| CandlestickData \| CalendarHeatmapData \| SpectrogramInput \| DensityMapInput \| HeatmapData \| SunburstData \| IcicleData \| GanttData \| ParallelCoordinatesData \| DendrogramData \| GeoMapData \| Surface3DData \| Scatter3DData \| FlowLinesData \| ThemeRiverData \| Bar3DData` |
| 기본값 | `undefined` |

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

- [RadarChartData](https://chart.syidax.com/ko/docs/types/RadarChartData.md) — 타입 정의
- [FunnelChartData](https://chart.syidax.com/ko/docs/types/FunnelChartData.md) — 타입 정의
- [DumbbellDatum](https://chart.syidax.com/ko/docs/types/DumbbellDatum.md) — 타입 정의
- [DotPlotDatum](https://chart.syidax.com/ko/docs/types/DotPlotDatum.md) — 타입 정의
- [TornadoDatum](https://chart.syidax.com/ko/docs/types/TornadoDatum.md) — 타입 정의
- [VariwideDatum](https://chart.syidax.com/ko/docs/types/VariwideDatum.md) — 타입 정의
- [ChordData](https://chart.syidax.com/ko/docs/types/ChordData.md) — 타입 정의
- [NetworkGraphData](https://chart.syidax.com/ko/docs/types/NetworkGraphData.md) — 타입 정의
- [TreemapData](https://chart.syidax.com/ko/docs/types/TreemapData.md) — 타입 정의
- [SankeyData](https://chart.syidax.com/ko/docs/types/SankeyData.md) — 타입 정의
- [ErrorBarData](https://chart.syidax.com/ko/docs/types/ErrorBarData.md) — 타입 정의
- [WaterfallData](https://chart.syidax.com/ko/docs/types/WaterfallData.md) — 타입 정의
- [BubbleData](https://chart.syidax.com/ko/docs/types/BubbleData.md) — 타입 정의
- [BoxPlotData](https://chart.syidax.com/ko/docs/types/BoxPlotData.md) — 타입 정의
- [CandlestickData](https://chart.syidax.com/ko/docs/types/CandlestickData.md) — 타입 정의
- [CalendarHeatmapData](https://chart.syidax.com/ko/docs/types/CalendarHeatmapData.md) — 타입 정의
- [SpectrogramInput](https://chart.syidax.com/ko/docs/types/SpectrogramInput.md) — 타입 정의
- [DensityMapInput](https://chart.syidax.com/ko/docs/types/DensityMapInput.md) — 타입 정의
- [HeatmapData](https://chart.syidax.com/ko/docs/types/HeatmapData.md) — 타입 정의
- [SunburstData](https://chart.syidax.com/ko/docs/types/SunburstData.md) — 타입 정의
- [IcicleData](https://chart.syidax.com/ko/docs/types/IcicleData.md) — 타입 정의
- [GanttData](https://chart.syidax.com/ko/docs/types/GanttData.md) — 타입 정의
- [ParallelCoordinatesData](https://chart.syidax.com/ko/docs/types/ParallelCoordinatesData.md) — 타입 정의
- [DendrogramData](https://chart.syidax.com/ko/docs/types/DendrogramData.md) — 타입 정의
- [GeoMapData](https://chart.syidax.com/ko/docs/types/GeoMapData.md) — 타입 정의
- [Surface3DData](https://chart.syidax.com/ko/docs/types/Surface3DData.md) — 타입 정의
- [Scatter3DData](https://chart.syidax.com/ko/docs/types/Scatter3DData.md) — 타입 정의
- [FlowLinesData](https://chart.syidax.com/ko/docs/types/FlowLinesData.md) — 타입 정의
- [ThemeRiverData](https://chart.syidax.com/ko/docs/types/ThemeRiverData.md) — 타입 정의
- [Bar3DData](https://chart.syidax.com/ko/docs/types/Bar3DData.md) — 타입 정의

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

## 설정 예제

```javascript
// sy-bubble-chart를 등록하고 요소를 만든 뒤 설정합니다.
chart.data = [
  {
    "x": 20,
    "y": 70,
    "z": 30,
    "name": "A"
  },
  {
    "x": 45,
    "y": 55,
    "z": 60,
    "name": "B"
  },
  {
    "x": 75,
    "y": 80,
    "z": 45,
    "name": "C"
  },
  {
    "x": 60,
    "y": 30,
    "z": 20,
    "name": "D"
  }
];
```

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

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

## 관련 문서

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

- [공통 파사드와 직접 태그](https://chart.syidax.com/ko/docs/concepts.md)
- [sy-bubble-chart](https://chart.syidax.com/ko/docs/components/bubble.md#property-data)
- [sy-polar-chart](https://chart.syidax.com/ko/docs/components/polar.md#property-data)
- [sy-radar-chart](https://chart.syidax.com/ko/docs/components/radar.md#property-data)
- [sy-dumbbell-chart](https://chart.syidax.com/ko/docs/components/dumbbell.md#property-data)
- [sy-tornado-chart](https://chart.syidax.com/ko/docs/components/tornado.md#property-data)
- [sy-dot-plot-chart](https://chart.syidax.com/ko/docs/components/dot-plot.md#property-data)
- [sy-variwide-chart](https://chart.syidax.com/ko/docs/components/variwide.md#property-data)
- [sy-waterfall-chart](https://chart.syidax.com/ko/docs/components/waterfall.md#property-data)
- [sy-box-plot-chart](https://chart.syidax.com/ko/docs/components/box-plot.md#property-data)
- [sy-error-bar-chart](https://chart.syidax.com/ko/docs/components/error-bar.md#property-data)
- [sy-heatmap](https://chart.syidax.com/ko/docs/components/heatmap.md#property-data)
- [sy-calendar-heatmap](https://chart.syidax.com/ko/docs/components/calendar-heatmap.md#property-data)
- [sy-density-map](https://chart.syidax.com/ko/docs/components/density-map.md#property-data)
- [sy-spectrogram](https://chart.syidax.com/ko/docs/components/spectrogram.md#property-data)
- [sy-funnel-chart](https://chart.syidax.com/ko/docs/components/funnel.md#property-data)
- [sy-funnel-chart](https://chart.syidax.com/ko/docs/components/pyramid.md#property-data)
- [sy-tilemap](https://chart.syidax.com/ko/docs/components/tilemap.md#property-data)
- [sy-treemap](https://chart.syidax.com/ko/docs/components/treemap.md#property-data)
- [sy-sunburst](https://chart.syidax.com/ko/docs/components/sunburst.md#property-data)
- [sy-icicle](https://chart.syidax.com/ko/docs/components/icicle.md#property-data)
- [sy-dendrogram](https://chart.syidax.com/ko/docs/components/dendrogram.md#property-data)
- [sy-sankey](https://chart.syidax.com/ko/docs/components/sankey.md#property-data)
- [sy-chord](https://chart.syidax.com/ko/docs/components/chord.md#property-data)
- [sy-network-graph](https://chart.syidax.com/ko/docs/components/network-graph.md#property-data)
- [sy-theme-river](https://chart.syidax.com/ko/docs/components/theme-river.md#property-data)
- [sy-parallel-coordinates](https://chart.syidax.com/ko/docs/components/parallel-coordinates.md#property-data)
- [sy-geo-map](https://chart.syidax.com/ko/docs/components/geo-map.md#property-data)
- [sy-flow-lines](https://chart.syidax.com/ko/docs/components/flow-lines.md#property-data)
- [sy-candlestick-chart](https://chart.syidax.com/ko/docs/components/candlestick.md#property-data)
- [sy-ohlc-chart](https://chart.syidax.com/ko/docs/components/ohlc.md#property-data)
- [sy-stock-chart](https://chart.syidax.com/ko/docs/components/stock-chart.md#property-data)
- [sy-stock-volume](https://chart.syidax.com/ko/docs/components/stock-volume.md#property-data)
- [sy-stock-flags](https://chart.syidax.com/ko/docs/components/stock-flags.md#property-data)
- [sy-surface-3d](https://chart.syidax.com/ko/docs/components/surface-3d.md#property-data)
- [sy-bar-3d](https://chart.syidax.com/ko/docs/components/bar-3d.md#property-data)
- [sy-scatter-3d](https://chart.syidax.com/ko/docs/components/scatter-3d.md#property-data)
- [sy-gantt-chart](https://chart.syidax.com/ko/docs/components/gantt.md#property-data)