# colors

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

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

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

## 정의

| 항목 | 값 |
| --- | --- |
| JavaScript 프로퍼티 | `colors` |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | `ReadonlyArray<string>` |
| 기본값 | `undefined` |

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

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

## 설정 예제

```javascript
// sy-funnel-chart를 등록하고 요소를 만든 뒤 설정합니다.
chart.colors = [
  "#8263d9",
  "#239c91",
  "#e99954",
  "#d76c8f",
  "#4d89c4",
  "#95a551"
];
```

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

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

## 관련 문서

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

- [공통 파사드와 직접 태그](https://chart.syidax.com/ko/docs/concepts.md)
- [sy-pie-chart](https://chart.syidax.com/ko/docs/components/pie.md#property-colors)
- [sy-polar-chart](https://chart.syidax.com/ko/docs/components/polar.md#property-colors)
- [sy-radar-chart](https://chart.syidax.com/ko/docs/components/radar.md#property-colors)
- [sy-heatmap](https://chart.syidax.com/ko/docs/components/heatmap.md#property-colors)
- [sy-calendar-heatmap](https://chart.syidax.com/ko/docs/components/calendar-heatmap.md#property-colors)
- [sy-density-map](https://chart.syidax.com/ko/docs/components/density-map.md#property-colors)
- [sy-spectrogram](https://chart.syidax.com/ko/docs/components/spectrogram.md#property-colors)
- [sy-gauge-chart](https://chart.syidax.com/ko/docs/components/gauge.md#property-colors)
- [sy-funnel-chart](https://chart.syidax.com/ko/docs/components/funnel.md#property-colors)
- [sy-funnel-chart](https://chart.syidax.com/ko/docs/components/pyramid.md#property-colors)
- [sy-item-chart](https://chart.syidax.com/ko/docs/components/item.md#property-colors)
- [sy-word-cloud](https://chart.syidax.com/ko/docs/components/word-cloud.md#property-colors)
- [sy-tilemap](https://chart.syidax.com/ko/docs/components/tilemap.md#property-colors)
- [sy-theme-river](https://chart.syidax.com/ko/docs/components/theme-river.md#property-colors)
- [sy-surface-3d](https://chart.syidax.com/ko/docs/components/surface-3d.md#property-colors)
- [sy-bar-3d](https://chart.syidax.com/ko/docs/components/bar-3d.md#property-colors)
- [sy-scatter-3d](https://chart.syidax.com/ko/docs/components/scatter-3d.md#property-colors)