xAxis.splitLine

座標軸在 grid 區域中的分隔線。

 xAxis: {
            type: 'value',
            //改變X 軸的位置 top\bottom
            position:'top',
            boundaryGap: [0, 0.01],
            // 控制網格線是否顯示
            splitLine: {
                show: false,
                lineStyle: {
                    color: ['#fafafa']
                }
            },
            //  改變x軸顏色
            axisLine:{
                lineStyle:{
                    color:'#fafafa',
                }
            },
        },
 
xAxis: {
            type: 'value',
            //改變X 軸的位置 top\bottom
            position:'top',
            boundaryGap: [0, 0.01],
            // 控制網格線是否顯示
            splitLine: {
                show: false,
                lineStyle: {
                    color: ['#fafafa']
                }
            },
            //  改變x軸顏色
            axisLine:{
                lineStyle:{
                    color:'#fafafa',
                }
            },
        },

yAxis.axisLine

 yAxis: {
            type: 'category',
            show: true,
            data: ['南京','揚州','鎮江','南通','泰州','常州','徐州','連雲港'],
            splitLine: {
                show: false,
                lineStyle: {
                    color: ['#fafafa']
                }
            },
            //  改變x軸顏色
            axisLine:{
                lineStyle:{
                    color:'#fafafa',
                }
            },
        },
 

                                    圖Ⅰ原圖

                                    圖Ⅱ座標軸顏色改變、去網格

                                   圖Ⅲ X軸顯示在上方