# color

JavaScript 프로퍼티로 전달합니다. 타입: string | ReadonlyArray<string>.

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

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

## 정의

| 항목 | 값 |
| --- | --- |
| JavaScript 프로퍼티 | `color` |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | `string \| ReadonlyArray<string>` |
| 기본값 | `'#2563eb'` |

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

## 설정 예제

```javascript
// sy-visual-map를 등록하고 요소를 만든 뒤 설정합니다.
chart.color = [
  "#eee6ff",
  "#8263d9",
  "#34265d"
];
```

- [Visual Map · 전체 예제와 API](https://chart.syidax.com/ko/docs/components/visual-map.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-color)
- [sy-area-chart](https://chart.syidax.com/ko/docs/components/area.md#property-color)
- [sy-column-chart](https://chart.syidax.com/ko/docs/components/column.md#property-color)
- [sy-bar-chart](https://chart.syidax.com/ko/docs/components/bar.md#property-color)
- [sy-scatter-chart](https://chart.syidax.com/ko/docs/components/scatter.md#property-color)
- [sy-bubble-chart](https://chart.syidax.com/ko/docs/components/bubble.md#property-color)
- [sy-radar-chart](https://chart.syidax.com/ko/docs/components/radar.md#property-color)
- [sy-lollipop-chart](https://chart.syidax.com/ko/docs/components/lollipop.md#property-color)
- [sy-dumbbell-chart](https://chart.syidax.com/ko/docs/components/dumbbell.md#property-color)
- [sy-tornado-chart](https://chart.syidax.com/ko/docs/components/tornado.md#property-color)
- [sy-dot-plot-chart](https://chart.syidax.com/ko/docs/components/dot-plot.md#property-color)
- [sy-variwide-chart](https://chart.syidax.com/ko/docs/components/variwide.md#property-color)
- [sy-marimekko-chart](https://chart.syidax.com/ko/docs/components/marimekko.md#property-color)
- [sy-pareto-chart](https://chart.syidax.com/ko/docs/components/pareto.md#property-color)
- [sy-histogram-chart](https://chart.syidax.com/ko/docs/components/histogram.md#property-color)
- [sy-error-bar-chart](https://chart.syidax.com/ko/docs/components/error-bar.md#property-color)
- [sy-stem-leaf-chart](https://chart.syidax.com/ko/docs/components/stem-leaf.md#property-color)
- [sy-gauge-chart](https://chart.syidax.com/ko/docs/components/gauge.md#property-color)
- [sy-funnel-chart](https://chart.syidax.com/ko/docs/components/funnel.md#property-color)
- [sy-funnel-chart](https://chart.syidax.com/ko/docs/components/pyramid.md#property-color)
- [sy-pictorial-chart](https://chart.syidax.com/ko/docs/components/pictorial.md#property-color)
- [sy-treemap](https://chart.syidax.com/ko/docs/components/treemap.md#property-color)
- [sy-sunburst](https://chart.syidax.com/ko/docs/components/sunburst.md#property-color)
- [sy-icicle](https://chart.syidax.com/ko/docs/components/icicle.md#property-color)
- [sy-dendrogram](https://chart.syidax.com/ko/docs/components/dendrogram.md#property-color)
- [sy-sankey](https://chart.syidax.com/ko/docs/components/sankey.md#property-color)
- [sy-chord](https://chart.syidax.com/ko/docs/components/chord.md#property-color)
- [sy-network-graph](https://chart.syidax.com/ko/docs/components/network-graph.md#property-color)
- [sy-parallel-coordinates](https://chart.syidax.com/ko/docs/components/parallel-coordinates.md#property-color)
- [sy-geo-map](https://chart.syidax.com/ko/docs/components/geo-map.md#property-color)
- [sy-gantt-chart](https://chart.syidax.com/ko/docs/components/gantt.md#property-color)
- [sy-visual-map](https://chart.syidax.com/ko/docs/components/visual-map.md#property-color)