本帖最后由 Felix.Li 于 2023-9-21 10:30 编辑
确实暂时没有直接通过url传递参数控制最大最小值的,但是针对这个目前这边有两种可以选择的。
首先这两种都是基于7.0的echarts扩展实现。也就是代码去动态控制显示。
1.直接控制最小值为Y的最小值
2.代码控制,在最小值小于最大值和最小值的区间差距的时候(也就是图表显示在上测的时候),控制图表刚好显示在中间
这两种都是基于代码开发,第一个比较简单,
1.Echart有现成的
设置这个即可
2.就是做一个简单的比价判断:
- let minyxisx = option.series[0].data[0].value;
- let maxValue = minyxisx;
- option.series.forEach(allData => {
- allData.data.forEach(data => {
- if(minyxisx > data.value){
- minyxisx = data.value
- }
- if(maxValue < data.value){
- maxValue = data.value
- }
- })
- })
- let min = minyxisx;
- let xisx = maxValue-minyxisx;
- if(minyxisx>xisx){
- minyxisx = minyxisx-xisx
- };
- option.yAxis.max = maxValue+(min-minyxisx)
- option.yAxis.min = minyxisx;
- return option;
复制代码
两种的最终显示效果如下:
一下是我做得Demo,您可以升级7.0尝试查看:
wyn-export-20230921102957.zip
(42.45 KB, 下载次数: 702)
|