echarts 将Y轴分成4等分固定最大高度

最新推荐文章于 2024-11-06 16:44:47 发布

原创最新推荐文章于 2024-11-06 16:44:47 发布 · 3.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #javascript

这篇博客探讨了如何配置ECharts图表中Y轴的属性，包括设置最大值、分割数、最小间隔，以及调整轴线、标签和分割线的显示。通过这些设置，可以精确控制图表的视觉呈现，提升数据可视化的清晰度。

效果如图:

代码:

         yAxis: [
                    {
                        type: 'value',
                        name:"%",
                        max:100,//最大值
                        splitNumber:5,//分割成几段
                        minInterval:25,//间距
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: '#fff'
                            }
                        },
                        axisLabel: {
                            formatter: '{value}'
                        },
                        //去除横向分割线
                        splitLine: {
                            show: false
                        },
                        //坐标轴刻度
                        axisTick: {
                            show: true,
                        },
                    }
                ]