问答

双y轴默认网格线不一致该怎么解决呢 echarts

作者:admin 2021-04-20 我要评论

我在yAxis里面设置 max,interval这两个值,如果数据全部是正数的话没啥大问题,如果某个数据出现负数的话网格线就出现不一致问题了,请个这个有什么更好的解决...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

我在yAxis里面设置 max,interval这两个值,如果数据全部是正数的话没啥大问题,如果某个数据出现负数的话网格线就出现不一致问题了,请个这个有什么更好的解决方法呢


let test_A = [10,2,0.5,0.18,2.2,3,5.1,6];
let test_B = [0.1,0.12,-0.5,0.21,0.22,0.3,0.51,0.6];
let x_data = ['2020-01-01','2020-01-02','2020-01-03','2020-01-04','2020-01-05','2020-01-06','2020-01-07','2020-01-08',]

option = {
   
    title: {
        left: 'center',
        text: '测试',
    },
    xAxis: {
        type: 'category',
        data: x_data,
        boundaryGap: false
    },
    yAxis: [
        {
        type: 'value',
        name: '模拟数据A',
        max: Math.ceil(Math.max(...test_A)/5)*5,
        interval: Math.ceil(Math.max(...test_A)/5),
    },{
        type: 'value',
        name: '模拟数据B',
        max: Math.ceil(Math.max(...test_B)/5)*5,
        interval: Math.ceil(Math.max(...test_B)/5),
    },],

    series: [
        {
            name: '模拟数据A',
            type: 'line',
            smooth: false,
            symbol: 'none',
            data: test_A
        },{
            name: '模拟数据B',
            type: 'line',
            smooth: false,
            symbol: 'none',
            data: test_B,
            yAxisIndex:1,
        },
    ]
};

image

###

去掉其中一条网格线就可以了
yAxis.splitLine.show = false;

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器