首先我这里实现的是，不管在统计图上点击那里，tip提示框一定在折线上面移动，并且在圆点上方显示。而不是跟着你的鼠标或者手势的位置移动。这种跟着手势移动的太简单了，等会儿讲原因。这也是我那可爱的UI妹子设计的，我真的查echarts的配置项文档查了好久啊啊。T_T。。。。。
还有一点很重要，像这种插件，是真的要在官方api上面去查，里面全一些。不要说觉得太多了，懒得看，作为一个小菜鸡，还是要先学会静下心来看文档的。我就是懒得看，但这次也是被逼的没办法。
就是手势或鼠标在图上面滑动或者点击的时候，灰色的框框只会在折线上面滑动
echarts图里面主要就是option的配置了。
以上就是我完成这个ui图的option配置代码，其中的dataX,dataY都是自己模拟的数据，可以自己去模拟，格式是[ {x, y}, {x, y}….]这种形式的。这里计算tip Y坐标的位置最重要的配置就是下面中的yAxis.max属性。因为echart会根据你给的数据来生成最合适的Y轴的间隔和刻度，这个刻度的最大值是获取不到的，但是如果我们获取不到，那就不让他自动生成，让我们自己来设置。但是这个有一个缺点就是，自己设置的数据没有自动生成的完整，自动生成的是一个整数，但是我们自己设置的，就拿我这个来说，这个最大值不是一个可以被10整除的数，比如我的最大值是2345，这个数值肯定没有自动生成的2500排在坐标轴上面好看。但是我的这个UI需要把Y轴隐藏掉，所以就没有这个烦恼啦啦啦。
以上 ^ _ ^ ~
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/137442.html