echarts实现双y轴,并且实现制定数据使用y轴

在使用echarts中,我们经常会用到双y轴去展示数据,有时候,我们可能需要自己去设置,具体使用某一个y轴去展示某一个具体的数据。

如图所示:我们的y轴有两个,数据共有3个,这个图有两个不好的点:1.没有标明左右坐标具体是显示什么的,2.很明显今日访问人数和昨日访问人数需要使用同一个坐标进行数据的对比。


 优化后的设置:

1.双y轴的设置,加上具体是用来显示什么数据的


2,设置具体的数据使用某一个y轴进行展示


其中yAxisIndex,默认为0,在单个图表实例中存在多个y轴的时候使用,所以,我们可以通过设置这个,实现具体的数据使用具体的y轴展示。棒棒哒……



评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值