首页 前端知识 echarts图表y轴数据设置为固定值,等间距,如何自定义echarts图表y轴数据

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

2024-02-15 14:02:33 前端知识 前端哥 970 143 我要收藏

如图 将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'
                        }
                    }

                },

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2101.html
标签
ecmascript
评论
发布的文章

01-10jQuery框架

2024-03-01 12:03:59

JS jQuery基础2

2024-03-01 12:03:54

jQuery实现文件上传

2024-03-01 12:03:53

JQuery简介与解析

2024-03-01 12:03:31

jquery上传图片单图多图

2024-03-01 12:03:11

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!