Highcharts - 由不同点表示的分类数据值？

Question

在highcharts中，我有一堆简单，标准化的分类数据。 See fiddle here.

        series: [{
        name: 'sample element 1',
        data: [3, 3, 2]
    }, {
        name: 'sample element 2',
        data: [1, 4, 3]
    }, {
        name: 'sample element 3',
        data: [2, 4, 4]
    }, {
        name: 'sample element 4',
        data: [4, 2, 2]
    }]

是否可以使用highcharts以下面显示的方式显示分类散点图，只在类别中没有点重叠？每个值都有自己的点代表，以这种方式显示每个变量的分布。

高级功能：当鼠标悬停在单个值点上时，相应样本元素的所有点之间的线应重新出现，以使值之间的连接变得明显。

这需要进行大量深度代码自定义，还是我最好使用d3.js这样的不同框架？谢谢您的想法！

Answer 1

如果值相同，则会在同一位置打印。但是你可以使用http://api.highcharts.com/highcharts#plotOptions.series.pointPlacement移动系列。

Answer 2

我通常通过在需要“堆叠”的点的x值上添加小数来实现这一点。

我找不到一种很好的（简单的）动态方式，但是如果你的价值落在一个相当可控的范围内，那么效果很好。

Example：

• http://jsfiddle.net/zew9dt8e/2/