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

在highcharts中，我有一堆简单、标准化的分类数据

highcharts是否可以以如下所示的方式显示类别散点图，而不显示类别中的点重叠？每个值都有自己的点代表，以这种方式显示每个变量的分布

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

---

这需要大量深入的代码定制吗，或者我最好使用一个不同的框架，比如？谢谢你的建议

如果值相同，则在同一位置打印。但是您可以使用移动序列。

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

我发现并没有一种很好的（简单的）动态执行方法，但如果您的值将落在一个相当可控的范围内，它会很好地工作

示例

：

---

好话；仍然不是很好的解决方案。我更新了我的提琴：现在如果值相同，操纵点的css使它们

float:left或某个东西将它们堆叠在一起？这当然是肮脏的，但这正是我想要的。
        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]
    }]