记录vue+echarts实现动态图表遇到的一些坑

到现在基本还算是vue新手吧，没怎么看文档什么的就开始在新接的这个项目中使用上了。

项目中一个页面需要展示图表，然后就选择了echarts,本篇就记录下其中遇到的问题及解决方案。

1.使用bar类型柱状图，Y轴数值比较大（如2500000），这样会出现数值被遮挡的情况,解决办法是配置项中添加

 grid: {
     left: 30,
      },

其中left数值可以自己调试增加
2.后来觉得Y轴显示200000、2500000这样大的数值也别扭，直接改成按万为单位显示不更好些吗？于是又翻看了下echarts的文档，使用axisLabel的formatter即可，代码如下

axisLabel:{
  formatter:  function (value, index) {
    return value/10000
  }
},

3.柱状图的数据是获取的远程数据，通过axios获取到数据之后更新数据却总是不起作用，后来搜了一下用watch解决，不知道是否还有其他解决办法，还是要多了解基础原理才行
本篇完整代码：