使用 ECharts 开发图表组件的时候，我们经常需要在数据和配置项的转化中来回折腾，简单的图表可能修改起来还可以接受，对于复杂的需求，每次对于图表的改动可能都会伤筋动骨。为了能将 ECharts 图表开发从繁琐的数据类型转化、修改复杂的配置项中解脱出来，我们基于 Vue2 和 ECharts 封装了 V-Charts 图表组件，只需要统一提供一种对前后端都友好的数据格式，然后设置简单的配置项，便可轻松生成常见的图表。我们具体是如何做到这一点的呢，请看下面的例子。

props内percentage表示环图中心百分比。 extend内visualMap作用是为了设置左下角的视觉映射组件。 extend内series的作用是为了柱状条样式。 extend内legend作用是为了隐藏展现不同系列的标记。

只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。 共有属性中的钩子函数用于在配置项生成过程中进行调整以及获取实例。 5. 宽度高度自适应 6. 自定义饼图数据显示 6-1. 设置富文本 6-2. 设置鼠标hover样式