echarts没有数据时也显示y轴刻度

最新推荐文章于 2024-04-19 14:23:46 发布

LL596214569

最新推荐文章于 2024-04-19 14:23:46 发布

阅读量642

点赞数 1

分类专栏： Javaweb 文章标签： echarts javascript 前端

本文链接：https://blog.csdn.net/LL596214569/article/details/136446929

版权

Javaweb 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

一般如果没有数据，echarts的y轴刻度会隐藏，如果想让y轴刻度显示，需要设置yAxis的min、max属性；

 yAxis: [{
            type: 'value',
            position: 'left',
            axisLine: {
                show: true,
                lineStyle: {
                    color: 'rgb(124,124,128)'
                },
                onZero: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                color: 'rgb(124,124,128)',
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: 'rgb(54,54,56)'
                }
            },
            min: 0,
            max: yL,
            interval: yL / 5,
        },{
            type: 'value',
            position: 'right',
            axisLine: {
                show: true,
                lineStyle: {
                    color: 'rgb(124,124,128)'
                },
                onZero: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                color: 'rgb(124,124,128)',
            },
            splitLine: {
                show: false,
                lineStyle: {
                    color: 'rgb(54,54,56)'
                }
            },
            axisLabel: {
                formatter: function (value) {
                    return (value * span).toFixed(4);
                    // return (value).toFixed(4);
                }
            },
            min: 0,
            max: yR,
            interval: yR / 5,
        }],