javascript - Highcharts - 访问叠加数据点

标签 javascript highcharts

我有一个散点系列,其中两个点具有相同的坐标。每个点都有与之相关的不同数据(例如不同人的体重和高度——两个不同的人可以有完全相同的高度和体重):

series: [ {
            data: [{x:193.5, y:80.7, name:'danny'},
                  {x:193.7, y:90.7, name:'oren'},
                  {x:193.7, y:90.7, name:'josef'},
                  {x:195.5, y:80.3, name:'thomas'}]
        }]

完整示例位于 jsfiddle .

查看图表的tooltips时,第二个点的tooltip显示:

Oren: 193.7,90.7

使 josef 的数据无法访问。

我想让joseforen 的数据都可以访问,例如将它们放在同一个工具提示中。

Oren: 193.7,90.7
Josef: 193.7,90.7

您将如何实现这种效果?

假设一个非常大的数据集 - 每次都对整个系列进行迭代不是一种选择。

最佳答案

您可以使用工具提示格式化程序 ( http://api.highcharts.com/highcharts#tooltip ) 手动格式化您的工具提示。

在格式化程序中比较系列中所有其他点的 x 和 y 值 (this.series) 如果值相同,将这些点的名称添加到工具提示中。

关于javascript - Highcharts - 访问叠加数据点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15067980/

相关文章:

javascript - Featherlight.js - 可以在灯箱内与 img-zoom 一起使用吗?

javascript - 如何定位子菜单元素(xpath、className 或 css 定位器)

javascript - Highcharts - 甘特图绘图问题

javascript - 如何将 Highcharts 图表渲染到用户选择的 DIV 中

javascript - Highcharts:更改柱形图的突出显示颜色

javascript - 如何使用 jQuery 从下拉无序列表中获取文本值?

javascript - 努克斯 : how do I access axios within the fetch() method?

javascript - 使用 Ajax 自动更新 Highcharts

javascript - 网页上的地理定位不起作用

javascript - HighCharts 从 CSV 读取基本示例