echarts xais X轴拉伸并统计该区域内的总值

本文介绍了如何在Echarts中实现X轴拉伸并统计拉伸区域内数据总值的方法。通过获取拉伸后X轴的左右边界值,结合数据点的Y值相加来精确计算总面积。可以使用getOption() API获取当前配置,或者通过dispatchAction API触发dataZoom事件来实现。
摘要由CSDN通过智能技术生成

官方实例
可以看到实例如图,想求得的结果是x轴拉伸后能够获得图上该片区域的总数(也就是面积)

根据官方文档,可以触发dataZoom事件可以求得该值的百分比数。

myChart.on('dataZoom', function (params) {
   
           var start=params.startValue
           var end=params.endValue
        })//start end都是百分比值

个人想了下靠百分比求总数不太精确,最好是能知道x轴左边x的值以及最右边x的值,这样求出来准确些。
官方文档有个api是getOption()
在这里插入图片描述
图中可以看到写出了最左边和最右边的坐标,然后将其各自的数量相加就能求得总数了。
也就是一个循环将每个点的y值相加就可以求得总数了。

                DateShowChart.on('dataZoom', function 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值