技术解析

js Echarts 柱形图 双柱 数据差距过大显示不全
0
1975-03-02 21:26:13
idczone

搜了很多帖子,发现很多都说 type 用 log,我用了,然后从 0-800 万变成了 0-10,没法用

有一种很丑的解决方法就是加 Y 轴,但我已经两个 Y 轴,再加的话太丑了,页面也放不下

万能的大佬们有么有解决方案呀。。。我记得在哪见过将 Y 轴分成两段,上面大数值,下面小数值,中间一小段波浪线(折线),这种我觉得挺好的,但不知道怎么实现


https://blog.csdn.net/bridgethsin/article/details/78801046
试试这个方法

感谢。不过这个是双柱双轴,是加了一个坐标轴的解决方案,我不会上传图片。。没讲清楚,我是两柱一折线,右侧 Y 轴已经是折线的了,左侧可以再加第三个 Y 轴但是太丑了,看起来也不直观。所以还是希望有更好的解决方案。

设置两个 grid,然后把两个 grid 上下排布,在设置两个 yAxis,分别设置不同的 gridIndex,这样应该就是一上一下排布了,不知道这样是否满足需求?

用 log 没错啊 你说的 0-800 万 变成 0-10 只是刻度变了,是 将 0-800 万 映射到了 0-10 这个范围, 你加 formatter 把显示的刻度改回去

数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服