最近遇到一个Echarts图表无法动态更新数据的问题最初我在option中设置series的值为一个数组，想着通过修改数组来动态更新图表，但是没变化，后来发觉是因为图表数据会和之前的合并看官方的介绍所以应该这样写以阻止合并，从而实现更新图表setOption(option,true)  ...

npm install安装，然后即可在依赖包中看到echarts在main.js中引入，然后挂载到Vue的原型上面，这样每个vue实例都会有这个属性。$charts是自定义的名称，随便。在需要的地方就可以用this.$charts来调用了。如图，我在methods里面中调用，注意this必须指向的是vue实例才可以调用。同样，new echarts 对应变为new this...

有时候要动态修改图表的形状，找到echarts中的option的series，然后设置一个变量，如图，我是用vue的，然后type绑定到变量即可。type: 'bar'表示柱形图type: 'line’表示折线图...

在option配置项中设置dataZoom属性即可，height即可指定滚动条的高度，这里我就设置14。 dataZoom: [ { height: 14, type: "slider", show: true, xAxisIndex: [0], ...

在series里面设置cursor： ‘default’就ok了。

一般来说不需要设置柱形图宽度，不过如果实在是要设置也只能硬着头皮设置了。修改series对应数组里面的barWidth属性即可设置柱形图宽度，当然还有最小宽，最大宽则是barMinWidth和barMaxWidthapi地址：https://echarts.baidu.com/option.html#series-bar.barMaxWidth在线练习地址：https://ech...

有时候为了显示更多的坐标轴文字标签，就需要把坐标轴的文字倾斜一下那么只要找到option中对应的属性即可设置，比如设置x轴的文字倾斜，那么可以找到xAxis，然后设置如下40表示旋转40度然后即可看到坐标轴文字倾斜效果了...