Echarts（五）双y轴0刻度线不对齐解决思路demo

最新推荐文章于 2024-06-05 16:22:15 发布

原创

最新推荐文章于 2024-06-05 16:22:15 发布 · 9.9k 阅读

8 ·

CC 4.0 BY-SA版权

本文探讨了Echarts图表中遇到的双Y轴0刻度线不对其问题，提供了一种解决思路，并通过示例代码演示如何调整，确保两个轴的0刻度在同一水平线上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: [{
        type: 'value',
        max: function(value) {
            if(Math.abs(value.max) > Math.abs(value.min)){
                return (Math.abs(value.max)*1.2).toFixed(2);
            }else{
                return (Math.abs(value.min)*1.2).toFixed(2);
            }
        },
        min: function(value) {
            if(Math.abs(value.max) > Math.abs(value.min)){
                return (-Math.abs(value.max) * 1.2).toFixed(2);
            }else{
                return (-Math.abs(value.min) * 1.2).toFixed(2);
            }
        }
    },
    {
        type: 'value',
        max: function(value) {
            if(Math.abs(value.max) > Math.abs(value.min)){
                return (Math.abs(value.max)*1.2).toFixed(2);
            }else{
                return (Math.abs(value.min)*1.2).toFixed(2)