echarts图表y轴数据设置为固定值，等间距，如何自定义echarts图表y轴数据

金刚大力士

已于 2022-08-30 17:28:58 修改

阅读量8.2k

点赞数 10

分类专栏： echarts图例 echarts图标文章标签： echarts ecmascript

于 2022-08-30 17:13:24 首次发布

本文链接：https://blog.csdn.net/qq_42177730/article/details/126608399

版权

echarts图标同时被 2 个专栏收录

15 篇文章 1 订阅

订阅专栏

echarts图例

12 篇文章 1 订阅

订阅专栏

如图将Y轴设置为固定的0% 20% ----100% 话不多说直接上代码

                yAxis: {
                    type: 'value',
                    max: 100,//最大值
                    min: 0,//最小值
                    interval:20,//间隔
                    axisLine:{
                        show: false,
                        lineStyle:{
                            color:'#d9e1e4'
                        },
                    },
                    axisLabel:{
                        color:'#4e5b5f',
                        formatter: function (val) {//百分比显示
                            return val + '%';
                        }
                    },
                    axisTick:{
                        show:false,
                    },
                    splitLine:{
                        lineStyle:{
                            type:'dashed'
                        }
                    }

                },