图表通过加载事件调整样式

一、网页平台中图表的使用，虽然可以通过配置属性达到快速创建图表，但默认的图表的样式都达不到页面设计的需求：

描述：默认柱状图样式

图片：TIM截图20190430172405.png

二、修改样式
1.创建图表的加载事件：

描述：图表加载事件

图片：TIM截图20190430172809.png

2.该事件会传进来一个参数，在页面逻辑中配置一个参数进行接收：

图片：TIM截图20190430173103.png

参数option的属性，在浏览器控制台打印结果：

图片：TIM截图20190430173324.png

该option的参数与echarts官方示例一样，就是一个json对象：

描述：官方示例

图片：TIM截图20190430173623.png

3.参考echarts的官方配置文档，直接修改option中的相关属性，即可达到修改图表的效果：
此处我修改该柱状图的柱条颜色，此处我修改颜色为黑色：

描述：修改颜色

图片：TIM截图20190430174505.png

代码：option.series[0].itemStyle.normal.color = '#000000'
效果：

描述：完成效果

图片：TIM截图20190430174551.png

4.根据此方法，可以完成对图表样式的修改，实现效果较好的图表样式。