Chinese_wawa_summer的博客

直接使用echarts的label配置项来画。这种实现方式画出来的小圆点最好看（个人感觉）不好用的地方是，文字位置难搞serise.label.rich使用富文本来画。使用富文本又有两种方式，一种是创建空内容然后给边框做圆，用padding微调。一种是直接给出{icon|●}，至于位置还是得用padding微调。难受点也是在于微调这个地方

数据过多，echarts的图表实现缩放展示数据可以密集的展示，也可以稀疏的展示，能详细看清X轴或者Y轴的数据，这里只实现了对X轴的缩放实现对echarts图表的数据进行框选，并且拿到框选的数据，这里实现的是对X轴进行框选。想要实现怎样的框选效果是可以配置的，不止这一种。

此处基础图表为折线图，要实现多X轴其实就是在yAxis中配置多个数组，并且在对应的series配置中将其配置项yAxisIndex的顺序写好。本次实现用的是vue2，不管是vue2还是vue3配置项都差不多。

UI现在很爱使用backdrop-filter这个设计，以前没发现啥问题，开始做地图以后，面板后面挂了一张地图，父子组件之间关于这个效果的影响就格外明显了。当父组件是用来backdrop-filter的设置，子组件也想使用的时候，效果会受到影响，我遇到的是子组件不生效，不知道会不会出现别的情况。2.在子组件上使用使用伪元素，将backdrop-filter的毛玻璃效果使用到伪元素上，这样子组件的背景就不会受到影响。第二个解决方案，我在使用的过程中出现了，子组件的所有内容都被毛玻璃覆盖。

二次封装echarts柱状图，通过传参控制echarts柱状图的：柱子个数，柱体颜色，Y轴个数是否显示字数，柱体宽度，X轴的文字宽度，是否显示图例，Y轴上方放置单位