找回密码
 立即注册

QQ登录

只需一步,快速开始

TQYYDS

注册会员

3

主题

7

帖子

18

积分

注册会员

积分
18
  • 77

    金币

  • 3

    主题

  • 7

    帖子

最新发帖
TQYYDS
注册会员   /  发表于:2023-9-20 16:29  /   查看:2398  /  回复:5
本帖最后由 KarenGao 于 2024-4-10 16:24 编辑

3vddjks6vA.jpg507870177.png
如图,此时数据范围基本上都在18至22之间,此时图表不是很好看,是否能动态设置最小值呢,因为下次的数据可能就是5至10之间。或者是否还有其它解决方案。
3vddjks6vA.jpg

5 个回复

倒序浏览
Bella.YuanWyn认证
超级版主   /  发表于:2023-9-20 18:13:04
沙发
您好,我这边理解您的问题的描述如下,您看看是否正确,如果不正确,您可以追贴回复一下:

问题描述:组件的Y轴如何设置动态的最大值,最小值以及间隔值

问题解答:
       组件y轴的最大值,最小值和间隔值是属性,为了使用方便,专门将对应的属性放开来让大家根据数据来进行设置,因为数据都是不确定的,所以没办法做成动态的。
回复 使用道具 举报
TQYYDS
注册会员   /  发表于:2023-9-20 22:11:23
板凳
Bella.Yuan 发表于 2023-9-20 18:13
您好,我这边理解您的问题的描述如下,您看看是否正确,如果不正确,您可以追贴回复一下:

问题描述:组 ...

这样的话是否可通过url的形式来设置呢,因为仪表盘图表每次是通过url集成展示的,或者是否有api的方式
回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2023-9-21 09:53:49
地板
本帖最后由 Felix.Li 于 2023-9-21 10:30 编辑
TQYYDS 发表于 2023-9-20 22:11
这样的话是否可通过url的形式来设置呢,因为仪表盘图表每次是通过url集成展示的,或者是否有api的方式

确实暂时没有直接通过url传递参数控制最大最小值的,但是针对这个目前这边有两种可以选择的。
首先这两种都是基于7.0的echarts扩展实现。也就是代码去动态控制显示。
1.直接控制最小值为Y的最小值

2.代码控制,在最小值小于最大值和最小值的区间差距的时候(也就是图表显示在上测的时候),控制图表刚好显示在中间

这两种都是基于代码开发,第一个比较简单,
1.Echart有现成的
image.png510377807.png
设置这个即可

2.就是做一个简单的比价判断:
  1. let minyxisx = option.series[0].data[0].value;
  2. let maxValue = minyxisx;
  3. option.series.forEach(allData => {
  4.         allData.data.forEach(data => {
  5.                 if(minyxisx > data.value){
  6.             minyxisx = data.value
  7.     }
  8.     if(maxValue < data.value){
  9.             maxValue = data.value
  10.     }
  11.   })
  12. })
  13. let min = minyxisx;
  14. let xisx = maxValue-minyxisx;
  15. if(minyxisx>xisx){
  16.         minyxisx = minyxisx-xisx
  17. };
  18. option.yAxis.max = maxValue+(min-minyxisx)
  19. option.yAxis.min = minyxisx;
  20. return option;
复制代码


两种的最终显示效果如下:
image.png815492858.png

一下是我做得Demo,您可以升级7.0尝试查看:
wyn-export-20230921102957.zip (42.45 KB, 下载次数: 711)
回复 使用道具 举报
TQYYDS
注册会员   /  发表于:2023-9-21 14:28:20
5#
Eden.Sun 发表于 2023-9-21 09:53
确实暂时没有直接通过url传递参数控制最大最小值的,但是针对这个目前这边有两种可以选择的。
首先这两 ...

好的,谢谢
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2023-9-21 16:16:02
6#
本帖最后由 Bella.Yuan 于 2023-9-22 15:11 编辑

您好,您先用上面版主的回复,针对您说的这个问题,我这边也反馈一下,编号[Q-42620]
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部