请教大家一个关于 Echarts 的问题

2020-01-15 16:34:08 +08:00
 ccsulzf0627

需求: 需要将正负数据放到一张图表进行显示

问题: 正负数据相差很大,比如说正数时[0-100],负数是[10000-20000],针对 y 轴刻度进行不同的划分,正数是以 20 为单位,负数是以 1000 为单位,看了一下 echarts,不提供这样的属性进行操作

求教: 请问一下大家有遇到过类似的实现嘛,给一下其他思路也行,非常感谢!

想要的效果:

实际的效果:

1654 次点击
所在节点    问与答
7 条回复
ccsulzf0627
2020-01-15 16:34:42 +08:00
正负数据相差太大,又要放到一起显示,大家有什么好的思路可以提供,感激不尽
temporary
2020-01-15 16:54:20 +08:00
用两个 grid 一个只有正的数据一个只有负的数据
Kusoku
2020-01-15 16:57:16 +08:00
多 Y 轴你参考一下,我记得这样的可以写出来,https://www.echartsjs.com/examples/zh/editor.html?c=grid-multiple
ccsulzf0627
2020-01-15 17:11:42 +08:00
貌似只能这样了,然后控制一下位置![捕获.PNG]( https://i.loli.net/2020/01/15/EJSZWjenP8GRac3.png)
temporary
2020-01-15 17:24:23 +08:00
还可以这样 负值乘以一个倍数 然后 设置 axisLabel 的 formatter 再除回去,tooltips 也自定义 formatter
就可以放在一个 grid 了
robinlovemaggie
2020-01-15 17:44:39 +08:00
定义双 Y 轴,series 里配置每个数据项的 Y 轴 ID。这样 Y 轴刻度可以分别细化。
ccoming
2020-01-15 17:46:15 +08:00
没用过 Echarts,不过负数放次坐标轴应该是有的吧?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/638188

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX