2

我在 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]]
        }],
    });
});
4

4 回答 4

2

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

当然,这是对精确度的权衡,但这些是在显示数据时要做出的选择。

Highcharts 中没有抖动选项,但稍加挖掘,您应该能够找到或创建解决方案。

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

首先检查是否有重复项。如果没有,就不要再往前走了。

如果有,为任何有重复的点创建一个包含任何重复点的数组。循环遍历每个数组并将随机十进制值添加到每个点的 x 和 y 值。

于 2013-06-03T14:44:13.590 回答
0

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

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

于 2013-06-03T13:59:34.597 回答
0

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

marker: {
    radius: 13
  }

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

看看这个有没有帮助

于 2017-08-02T21:59:16.317 回答
0

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

见这里:https ://api.highcharts.com/highcharts/plotOptions.scatter.jitter

于 2019-01-18T09:26:05.433 回答