如何判断系列是在工具提示的上图还是下图(使用 highstock)?
How to tell if series is in upper chart or lower chart in tooltip (using highstock)?
我正在使用 highstock 同时绘制两个窗格。
我的数据是几个系列,每个系列包含两个不同的指标,指标 A 往上,指标 B 往下。不同的颜色是不同的系列。我还使用十字准线将 upper/lower 个图表连接在一起。
当使用自定义 HTML 工具提示时,我将 shared
设置为 true
因此在工具提示中我可以访问所有当前可见系列的 this.points
,并在基于其指标 A 或 B 的工具提示。
问题是系列可见性可以通过点击图例来切换,但是在this.points
中,我不知道如何区分point = this.points[i]
是在上图还是下图。
每个point = this.points[0]
都有一个series.chart
属性,但不知道用哪个属性来区分。 series.chart.yAxis
看起来不像我想要的。
有什么帮助吗?
我使用 d.series.yAxis.userOptions.index
指定了该点所在窗格的索引:
if(d.series.yAxis.userOptions.index == 0)
html += '<h4 style="color:red"> Volume(' + d.series.name + '): </h4><h5>' + d.point.y + '</h5><br />';
else if(d.series.yAxis.userOptions.index == 1)
html += '<h4 style="color:blue"> OHLC(' + d.series.name + '): </h4><h5>' + d.point.y + '</h5><br />';
您还可以使用 d.series.yAxis
中的其他属性来指定窗格之间的差异:DEMO
我正在使用 highstock 同时绘制两个窗格。 我的数据是几个系列,每个系列包含两个不同的指标,指标 A 往上,指标 B 往下。不同的颜色是不同的系列。我还使用十字准线将 upper/lower 个图表连接在一起。
当使用自定义 HTML 工具提示时,我将 shared
设置为 true
因此在工具提示中我可以访问所有当前可见系列的 this.points
,并在基于其指标 A 或 B 的工具提示。
问题是系列可见性可以通过点击图例来切换,但是在this.points
中,我不知道如何区分point = this.points[i]
是在上图还是下图。
每个point = this.points[0]
都有一个series.chart
属性,但不知道用哪个属性来区分。 series.chart.yAxis
看起来不像我想要的。
有什么帮助吗?
我使用 d.series.yAxis.userOptions.index
指定了该点所在窗格的索引:
if(d.series.yAxis.userOptions.index == 0)
html += '<h4 style="color:red"> Volume(' + d.series.name + '): </h4><h5>' + d.point.y + '</h5><br />';
else if(d.series.yAxis.userOptions.index == 1)
html += '<h4 style="color:blue"> OHLC(' + d.series.name + '): </h4><h5>' + d.point.y + '</h5><br />';
您还可以使用 d.series.yAxis
中的其他属性来指定窗格之间的差异:DEMO