如何在2-D距离内显示Highstock工具提示到最近点?

时间:2017-05-25 01:13:29

标签: javascript highcharts highstock

在同一图表上绘制多个系列时,工具提示是否可以捕捉到2-d距离中的最近点,而不是仅在x轴中最接近的值。在这种情况下,不可能分辨哪个系列单独从颜色中捕获到最接近的x轴值是非常无用的,因为它基本上在许多系列中随机跳跃,所有系列都具有大约相同x值的数据点。 / p>

我没有找到以这种方式设置工具提示的方法,但在算法上它实际上并不那么昂贵,因为人们可以简单地为每个系列选择最接近的x值数据点,然后在这些点中选择最短的2-d距离(或者甚至是最接近的y值点,因为通常x值比y值密集得多)。

更新我使用下面建议的findNearestPointBy玩,除了我实际使用的是stockChart之外,我应该按照我的意愿行事。看来stockChart的行为与chart的行为不同 - 请参阅stockChartchart

  1. findNearestPointBy似乎没有什么区别。如果将鼠标直接放在“凹凸”旁边的两个点中的任意一个上方,但是在凸起的高度处,工具提示会捕捉到chart上的凹凸,但会抓到stockChart上的较低点。< / p>

  2. 当在两个系列的点附近悬停在相同的x值时,stochChart工具提示显示两个系列,而chart工具提示仅显示距离最近点的系列 - 我更喜欢后者因为我想要工具提示告诉我最近点属于哪个系列。

  3. 更新2 我在Highcharts支持页面上问了同样的问题,并指出了解决方案。添加tooltip: {shared: false}解决了我的两个问题stockChart v2

1 个答案:

答案 0 :(得分:1)

Series.findNearestPointBy选项设为'xy'

来自API:

  

findNearestPointBy:String

     

确定系列是否应该查找最近的点   悬停系列时的两个维度或仅x维度。   默认为&#39; xy&#39;对于散射系列和&#39; x&#39;对于大多数其他系列。如果   数据有重复的x值,建议将其设置为&#39; xy&#39;   允许悬停在所有点上。

     

仅适用于使用最近邻搜索(非直接悬停)进行工具提示的系列类型。

     

src:http://api.highcharts.com/highcharts/plotOptions.area.findNearestPointBy

示例:http://jsfiddle.net/gh/get/library/pure/highslide-software/highcharts.com/tree/master/samples/highcharts/series/findnearestpointby/