【echarts】echarts中的boundaryGap導致的問題

echarts中的boundaryGap導致的問題

問題描述

解決前
在使用柱狀圖時，出現圖表在刻度尺下面的情況

解決後

解決方式

// 設置類目軸的boundary的值爲true
 yAxis: {
        type: 'category',
        boundaryGap : true,
        data: ['巴西','印尼'],
        max:function (value) {
            if (value.max < 3 ){
                value.max = 3;
            } else {
                value.max = value.max;
            }
            return value.max;
        },
    },

原理

[info] 類目軸中boundaryGap可以配置爲true和false。默認爲true，這時候刻度只是作爲分隔線，標籤和數據點都會在兩個刻度之間的帶(band)中間。

boundaryGap的屬性鏈接https://www.echartsjs.com/zh/option.html#yAxis.boundaryGap