背景 我司产品提出了一个需求，做一个数据基于Echars的可拖拽缩放的数据可视化，上网百度了一番，结果出现了两种结局，一种花钱买成熟产品（公司不出钱），一种没有成熟代码，只能自己写了，故事即将开始，敬请期待……。  不，还是先上一张效果图吧，请看…… 前期知识点 1. offset（偏移量） 定义：当前元素在屏幕上占用的空间，如下图： 其中： offsetHeight: 该元素在垂直方向上的占用的空间，单位为px，不包括margin。 offsetWidth：该元素在水平方向上的占用空间

背景 我司产品提出了一个需求，做一个数据基于Echars的可拖拽缩放的数据可视化，上网百度了一番，结果出现了两种结局，一种花钱买成熟产品（公司不出钱），一种没有成熟代码，只能自己写了，故事即将开始，敬请期待……。  不，还是先上一张效果图吧，请看…… 前期知识点 1. offset（偏移量） 定义：当前元素在屏幕上占用的空间，如下图： 其中： offsetHeight: 该元素在垂直方向上的占用的空间，单位为px，不包括margin。 offsetWidth：该元素在水平方向上的占用空间