ECharts how to make the information in yAxis displayed on the picture, please help me solve it?

1, the effect you want to achieve

clipboard.png
2, the code is as follows:
app.title = "World population-bar chart";

option = {

title: {

},
tooltip: {
    trigger: "axis",
    axisPointer: {
        type: "shadow"
    }
},
legend: {
},
grid: {
    left: "3%",
    right: "4%",
    bottom: "3%",
    containLabel: true
},
xAxis: {
    type: "value",
    boundaryGap: [0, 0.01]
},
yAxis: {
    name:"IP",
    type: "category",
    data: ["192.168.0.16","192.168.20.37","192.168.0.184","10.10.1.6","192.168.0.53","192.168.0.7"],
},
series: [
    {
        type: "bar",
        barMaxWidth:30,
        data: [1, 2, 9, 4, 3, 6],
           label: {
                            normal: {
                                show: true,
                                position: "insideRight"
                            }
                        },
        
    }
]

};


change the label in series to itemStyle

itemStyle: { normal: { label: { show: true, position: 'insideRight' } } },

http://gallery.echartsjs.com/.

in this example, change v.data in series [0] .label.label.formatter to v.name

.

or change it to formatter:'{b}'

Menu