高库存、拆分工具提示和相反的 xAxis?
Highstock, split tooltip and opposite xAxis?
我在图表区域的顶部显示我的 Highstock 图表的 x 轴 xAxis: { opposite: true}
。
但是,工具提示继续在图表底部显示 x 轴值,请参见此处的示例 http://jsfiddle.net/ckj7kf2y/
有什么办法可以改变它在顶部靠近 x 轴的位置吗?
如果有人知道为什么在 tooltip: { split: true }
时不调用 tooltip.positioner
回调,则加分
可以包装核心代码来添加此功能,就像在这个演示中一样:http://jsfiddle.net/ygmbwxtx/
(function(H){
H.wrap(H.Tooltip.prototype, 'renderSplit', function (proceed) {
proceed.apply(this, [].slice.call(arguments, 1));
var tooltip = this,
topAxis = tooltip.options.topAxis,
axisTT = tooltip.tt,
top = tooltip.chart.plotTop;
if (topAxis) {
axisTT.attr({
y: top - axisTT.height,
anchorY: top + 10
});
}
});
}(Highcharts))
在图表选项中:
...
tooltip: {
split: true,
topAxis: true
...
奖励:定位器不用于拆分工具提示 - 拆分使用自己的定位逻辑
我在图表区域的顶部显示我的 Highstock 图表的 x 轴 xAxis: { opposite: true}
。
但是,工具提示继续在图表底部显示 x 轴值,请参见此处的示例 http://jsfiddle.net/ckj7kf2y/
有什么办法可以改变它在顶部靠近 x 轴的位置吗?
如果有人知道为什么在 tooltip: { split: true }
tooltip.positioner
回调,则加分
可以包装核心代码来添加此功能,就像在这个演示中一样:http://jsfiddle.net/ygmbwxtx/
(function(H){
H.wrap(H.Tooltip.prototype, 'renderSplit', function (proceed) {
proceed.apply(this, [].slice.call(arguments, 1));
var tooltip = this,
topAxis = tooltip.options.topAxis,
axisTT = tooltip.tt,
top = tooltip.chart.plotTop;
if (topAxis) {
axisTT.attr({
y: top - axisTT.height,
anchorY: top + 10
});
}
});
}(Highcharts))
在图表选项中:
...
tooltip: {
split: true,
topAxis: true
...
奖励:定位器不用于拆分工具提示 - 拆分使用自己的定位逻辑