ccsulzf0627
V2EX  ›  问与答

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

  •  
  •   ccsulzf0627 · Jan 15, 2020 · 2253 views
    This topic created in 2337 days ago, the information mentioned may be changed or developed.

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

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

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

    想要的效果: 想要的效果.png

    实际的效果: 实际效果.png

    Supplement 1  ·  Jan 15, 2020

    貌似只能这样了,多个grid修改一下位置

        grid: [{
            left: 50,
            right: 50,
            height: '35%'
        }, {
            left: 50,
            right: 50,
            top: '44%',
            height: '35%'
        }],
    

    捕获.PNG

    7 replies    2020-01-15 17:46:15 +08:00
    ccsulzf0627
        1
    ccsulzf0627  
    OP
       Jan 15, 2020
    正负数据相差太大,又要放到一起显示,大家有什么好的思路可以提供,感激不尽
    temporary
        2
    temporary  
       Jan 15, 2020
    用两个 grid 一个只有正的数据一个只有负的数据
    Kusoku
        3
    Kusoku  
       Jan 15, 2020
    多 Y 轴你参考一下,我记得这样的可以写出来,https://www.echartsjs.com/examples/zh/editor.html?c=grid-multiple
    ccsulzf0627
        4
    ccsulzf0627  
    OP
       Jan 15, 2020
    貌似只能这样了,然后控制一下位置![捕获.PNG]( https://i.loli.net/2020/01/15/EJSZWjenP8GRac3.png)
    temporary
        5
    temporary  
       Jan 15, 2020
    还可以这样 负值乘以一个倍数 然后 设置 axisLabel 的 formatter 再除回去,tooltips 也自定义 formatter
    就可以放在一个 grid 了
    robinlovemaggie
        6
    robinlovemaggie  
       Jan 15, 2020
    定义双 Y 轴,series 里配置每个数据项的 Y 轴 ID。这样 Y 轴刻度可以分别细化。
    ccoming
        7
    ccoming  
       Jan 15, 2020
    没用过 Echarts,不过负数放次坐标轴应该是有的吧?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5508 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 06:43 · PVG 14:43 · LAX 23:43 · JFK 02:43
    ♥ Do have faith in what you're doing.