Question

我在HighCharts的散点图中得到了一个具有完全相同值的数据池，如下所示： http://jsfiddle.net/DvbHa/1/

我希望能够在工具提示中显示它们，当我查看它时可以单独点击它们

有可能吗？全部

代码：

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'scatter',
            zoomType: 'xy'
        },
        title: {
            text: ''
        },
       tooltip: {
                    headerFormat: '<b>{series.name}</b><br>',
                    pointFormat: '{point.x}, {point.y}'
                },
        series: [{
            data: [[10, 5],
                   [15, 6],
                   [10, 5],
                   [15, 7],
                   [13, 6],
                   [13, 6]]
        }],
    });
});

Answer 1

在大多数主要数据可视化软件包中实现的一个选项是抖动 - 一种向数据点添加少量随机噪声的功能，以便每个数据点稍微偏离其实际数据值。

当然，这是一种精确的权衡，但这些是在显示数据时要做出的选择。

Highcharts中没有抖动选项，但只需稍加挖掘就可以找到或创建解决方案。

在将数据发送到图表之前，我在服务器端做了一些适度的成功。

首先检查是否有重复项。如果没有，请不要再继续了。

如果有，请为任何具有重复项的点创建任何重复点的数组。遍历每个数组并将随机十进制值添加到每个点的x和y值。

Answer 2

要添加点击事件，请使用plotOptions.scatter.events.click。

但是，我不知道在同一个地方用相同的值显示相同点的目的是什么。

Answer 3

使用标记半径增加绘图的大小，您可以在同一位置区分绘图。

marker: {
    radius: 13
  }

http://api.highcharts.com/highcharts/plotOptions.spline.marker.radius

看到这个有帮助还是没有

Answer 4

从7.0.2版开始，HighCharts现在正式支持散点图的抖动。

参见此处：https://api.highcharts.com/highcharts/plotOptions.scatter.jitter

在散点图HighCharts中显示具有完全相同值的多个点

4 个答案: