highcharts - 仅绘制数据点的图表类型

Question

我有一组试图为客户绘制的响应数据。我玩过没有连接器的散点图和折线图，但没有一个真正起作用。我有一种感觉，我在这里错过了一些非常基本的东西。数据由客户端名称和一些数据点组成。一个客户端可能有 10 个数据点，另一个只有 1 个。

这是我正在寻找的一个粗略示例：

编辑：我应该从散点图开始并从那里修改吗？还是没有连接器的折线图？？？

谢谢您的帮助！

标签： highcharts

Answer 1

您可以反转轴：

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

在放置数据时，您可以使用 x 和 y 轴这两个值，如下所示：

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>