js Echarts 柱形图 双柱 数据差距过大显示不全

[qdyoungk]

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

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

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

[cheeto]

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

[qdyoungk]

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

[Fawen]

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

[ThomasChan]

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