score:1

Accepted answer

You can invert the axis:

chart: {
    type: 'scatter',
    inverted: true
},

and while placing data you can use x and y axis both values like below:

data: [[0, 4],[0,2]]

Highcharts.chart('container', {
    chart: {
        type: 'scatter',
        inverted: true
    },
    
    xAxis: {
        categories: [
            'AT&T',
            'Verizon',
            'Tel'
        ]
    },
    yAxis: {
        title: {
            text: 'Number of units'
        },
        allowDecimals: false,
        min: 0
    },
    
    series: [{
        data: [[0, 4],[0,2]]
    }, {
        data: [[1,2]]
    }, {
        data: [[2,2],[2,3],[2,4],[2,5],[2,6]]
    }]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" ></div>


Related Query

More Query from same tag