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}'

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bede60-31bc1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bede60-31bc1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?