echarts柱状图或折线图的纵轴刻度设置

-小C_

已于 2024-03-08 11:06:03 修改

阅读量1.8k

点赞数 4

分类专栏：可视化大屏文章标签： echarts 信息可视化前端

于 2024-03-06 11:10:20 首次发布

本文链接：https://blog.csdn.net/m0_75107188/article/details/136500270

版权

可视化大屏专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1、柱状图或折线图的纵轴刻度可自行设置最大最小和刻度，在yAxis配置项中添加 min属性即可设置纵轴的起点，max即可设置纵轴的终点，interval可以理解为设置的是纵轴的刻度

2、将最大、最小和刻度写死会有一个弊端就是当数据超出最大值时，超出的部分也超出了图表范围，图表会显示不完全

3、如果yAxis配置项中不写min、max、interval三个属性，纵轴会根据数据的变化而自适应值的范围和刻度

yAxis: [
    {
        type: 'value',
        axisLabel: {
            show: true,
            color: 'rgba(100, 250, 255, 1)' 
        },
        // name: 'Precipitation',
        // min: 0,
        // max: 250,
        // interval: 50,
        splitLine: {
            lineStyle: {
                // 设置背景横线
                color: "rgba(222, 253, 255, 0.16)",
            },
        },
    },
],