Javascript 与直线图和水平条形图同步的工具提示定位

Javascript 与直线图和水平条形图同步的工具提示定位,javascript,charts,highcharts,Javascript,Charts,Highcharts,我在对齐条形图上的工具提示位置时遇到问题。如果所有图表都是折线图而不是条形图/柱形图,则工具提示定位效果良好。海图专家能帮我解决这个问题吗 var图表=[], 选项1、选项2; 函数同步工具提示(容器,p){ var i=0; 对于(;i

我在对齐条形图上的工具提示位置时遇到问题。如果所有图表都是折线图而不是条形图/柱形图,则工具提示定位效果良好。海图专家能帮我解决这个问题吗

var图表=[],
选项1、选项2;
函数同步工具提示(容器,p){
var i=0;
对于(;i
您可以设置
工具提示。按照指针
true
并添加一个小插件以同步第二个图表:

(function(H) {
    H.wrap(H.Pointer.prototype, 'runPointActions', function(proceed, e, p) {
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));

        var tooltipPos = this.chart.tooltip.now;

        Highcharts.charts.forEach(function(chart) {
            if (chart !== this.chart) {
                chart.tooltip.updatePosition({
                    plotX: tooltipPos.x - chart.plotLeft,
                    plotY: tooltipPos.y - chart.plotTop
                });
            }
        }, this);
    });
}(Highcharts));

现场演示:

API参考:


文档:

嗨@Sudhakar,你能更准确地解释一下你的问题吗?在我看来,工具提示是正确的。您希望获得什么结果?是的,工具提示按预期工作。我希望两个图表中的工具提示在垂直轴上对齐,如本问题所述,很抱歉,但我仍然不太明白结果会是什么样子。工具提示指定给一个或多个点,而不是轴。如果删除
倒排
选项,工具提示效果会更好:我的用例需要水平条形图,我希望工具提示(在条形图上)沿鼠标光标的y轴位置显示,以便两个工具提示彼此垂直对齐,如下图所示
(function(H) {
    H.wrap(H.Pointer.prototype, 'runPointActions', function(proceed, e, p) {
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));

        var tooltipPos = this.chart.tooltip.now;

        Highcharts.charts.forEach(function(chart) {
            if (chart !== this.chart) {
                chart.tooltip.updatePosition({
                    plotX: tooltipPos.x - chart.plotLeft,
                    plotY: tooltipPos.y - chart.plotTop
                });
            }
        }, this);
    });
}(Highcharts));