ECharts 区域样式
在《ECharts 文本样式》小节，我们学习了如何对图表中的文本样式进行美化，需要美化的内容不只是文本，在我们图表中还有其他的内容需要我们用样式美化，以便于能更好的观察数据以及数据的变化，比如：为折线图增加一个背景之类的。下面我们就对 ECharts 区域样式内容进行一个解读，当然我们还会通过一些实例来帮助我们理解。
1. 简介
在 ECharts 中，图表、组件最终会被渲染成线段、多边形、文本的集合，多边形在不同组件中虽然被赋予不同的语义，但它们都有相似的表现方法，ECharts 为此提供了一套通用的配置属性集合，称之为区域样式 —— areaStyle。
areaStyle 基类定义在 src/model/mixin/areaStyle.js 文件中，其他组件继承扩展，例如 series-line.areaStyle、radar.splitArea.areaStyle、xAxis.splitArea 等。本文不对具体组件中的定义做过多说明，而侧重于 areaStyle 对象通用的基础功能。
2. 配置项
areaStyle 的通用属性包括：
| 配置名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| color | string | array | object |
| shadowBlur | number | 0 | 指定区域阴影模糊值大小，需要设置 show 为 true，且 color 不为 transparent 才能生效 |
| shadowColor | string | 阴影颜色值，默认为组件的 color 值 | |
| shadowOffsetX | number | 0 | 阴影的水平偏移量 |
| shadowOffsetY | number | 0 | 阴影的垂直偏移量 |
| opacity | number | 1 | 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形 |
3. 示例
3.1 使用字符串配置背景色
color 属性支持传入色值字符串，格式支持 RGB 如 rgb(255, 255, 255)、RGBA 如 rgb(255, 255, 255, 0.5)、十六进制如 #fff 等，示例：