echarts柱状图点击事件实现方式 柱子上的点击事件（只针对柱子绑定事件） cavans的点击事件（针对整个canvas绑定事件，点击柱子阴影区域也可以获取对应的数据信息） containPixel

最近一段时间没有更新，是因为自己突然感觉没有了更新的动力，好像变懒了，而且也写的不怎么好，索性就一直这么放任自己。但是又深知复盘的重要性，特来记录一下问题的解决方法。 项目中需要绘制echarts图表，是一个简单的柱状图，但是产品想要的是 可以点击整个柱状图的hover区域，也…

背景 场景是一个任务的完整执行后需要展示速度和时间曲线，当时间宽度很长时，数据点其实是很多的。这个时候就需要缩放了。 我一开始以为echarts不能做，后来一看还是有api的。很方便。 代码实现 先上

这是我参与11月更文挑战的第25天，活动详情查看：2021最后一次更文挑战 大数据的折线图，可以鼠标滚动的折线图。主要是使用了echarts的里面的dataZoom一个内置型数据区域缩放组件。可以实现

ECharts可视化：通过echartsInstance的convertToPixel方法实现饼图和折线图的组合图

使用Echarts图中折线图的markLine方法 效果图 借用的echart例子模板（https://echarts.apache.org/examples/zh/editor.html?c=lin