图表类型仅绘制数据点

时间:2018-09-20 14:12:46

标签: highcharts

我有一组尝试为客户绘制的响应数据。我玩过没有连接器的散点图和折线图,但是没有一个真正起作用。我有一种感觉,我在这里确实缺少一些基本的东西。数据由客户名称以及许多数据点组成。一个客户端可能有10个数据点,另一个只有1个。

这是我要寻找的东西的大致示例:

enter image description here

编辑:我应该从散点图开始并从那里进行修改吗?或没有连接器的折线图??

谢谢您的帮助!

1 个答案:

答案 0 :(得分: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>