颜色

ApexCharts 可以控制设置图表每个元素的颜色。

#### 设置系列的颜色
其他元素也继承自的主要颜色集在根 [colors](http://www.bixiaguangnian.com/manual/apexcharts/304.html "colors") 属性中定义。

要为所有图表全局设置颜色，请使用 `Apex.colors`。

```javascript
colors:['#F44336', '#E91E63', '#9C27B0']
```

#### 设置路径的填充颜色

从 [fill.colors](http://www.bixiaguangnian.com/manual/apexcharts/306.html#colors:%20Array%20of%20Color%20|%20Array%20of%20function "`fill.colors`") 属性设置填充颜色。

要为所有图表全局设置填充颜色，请使用 `Apex.fill.colors`。

```javascript
fill: {
  colors: ['#F44336', '#E91E63', '#9C27B0']
}
```
#### 设置 dataLabels 的颜色

您可以使用 [dataLabels.style.colors](http://www.bixiaguangnian.com/manual/apexcharts/305.html#colors:%20Array%20of%20String%20||%20Array%20of%20Functions "dataLabels.style.colors") 属性设置 `dataLabels` 的颜色。

```javascript
dataLabels: {
  style: {
    colors: ['#F44336', '#E91E63', '#9C27B0']
  }
}
```

#### 设置标记颜色（可选，从主颜色属性继承）

要设置自定义标记颜色，您需要更改 [markers.colors](http://www.bixiaguangnian.com/manual/apexcharts/311.html#colors:%20Color%20||%20Array%20of%20Colors "markers.colors") 属性。

```javascript
markers: {
   colors: ['#F44336', '#E91E63', '#9C27B0']
}
```
#### 设置网格颜色（行和列）

要设置自定义网格行和列颜色，您需要设置 [grid.row.colors](http://www.bixiaguangnian.com/manual/apexcharts/308.html#colors:%20Array "grid.row.colors") & [grid.column.colors](http://www.bixiaguangnian.com/manual/apexcharts/308.html#colors:%20Array "grid.column.colors") 属性。

```javascript
grid: {
  row: {
    colors: ['#F44336', '#E91E63', '#9C27B0']
  },
  column: {
    colors: ['#F44336', '#E91E63', '#9C27B0']
  }
}
```