Echarts 使用中的一些样式问题

实际开发中总是遇到一些Echarts样式设置问题，过了好久才决定把再遇到时把他们总结一下

1. 折线图如图的样式设置

legend中设置：{ icon: "roundRect",itemWidth: 20, itemHeight: 2,}

2.关于Echarts 折线图点击事件的坑  

开始以为是版本的问题于是将版本升到了"vue-echarts": "^5.0.0-beta.0",后面还是不行，找了半天才发现原因：

折线图的series中设置了  symbol: 'none' 时，点击事件不会生效。

3.Legend取消点击事件

  legend 增加  selectedMode:false

4.柱状图分段显示

  想要显示几段就在series里放几个对象，每个对象都设置 stack: 2,

  如图

如果想要显示每段的具体数值，只需要将注释掉的代码取消注释并将false改为true即可。