在高程线图中基于X轴值获得独特的工具提示时遇到问题

Trouble getting unique tooltip based on X axis values in highcharts line graph

本文关键字：工具提示 问题 遇到 高程线      更新时间：2023-09-26

我正在尝试制作一个图形，其中具有不同x轴值的点具有不同的工具提示。一个系列的前两个点具有相同的工具提示，即使它们的x轴值不同，即1月以下的点应该有"第11条评论"工具提示，2月以下的点应该有"第22条评论"工具提示等等，即使它们的x轴值相同，但不是y轴值

当前的计算逻辑是工具提示依赖于y轴值。只要y轴值在变化，工具尖端就会相应变化。这是因为语句"This"。

这个逻辑的问题是，只要y轴值是不同的，工具提示工作正常，时刻两个连续点的一个系列有相同的y轴值，工具提示不改变，当他们的x值不同…

要使工具提示根据x轴值更改，我将替换"this"。Y " with "this。但期望的改变并没有发生。你能告诉我怎么改吗?

工具提示代码..

       tooltip: {
       formatter: function () {
        var serieI = this.series.index;
      var index = dataValues.indexOf(this.y);
     var index1= dataValues2.indexOf(this.y);
      debugger;
        var comment = "";
        if (serieI == 0) {
            comment = $("#ppForm.textarea:eq(" + (index) + ")").val();
        } else {
           //comment = "second serie matched!";
            comment = $("#ppForm.textarea:eq(" + (index1) + ")").val();
        }
        /*return ''+ this.x +
            '</b> is <b>' + this.y + '</b> -->' + comment;*/
        return '-->'+comment;
    }
}

js提琴是…http://jsfiddle.net/RbenU/25/

在dataValues中使用index，而在类别中使用index，如下所示:http://jsfiddle.net/RbenU/39/

tooltip: {
        formatter: function () {
            var serieI = this.series.index;
            var index = categories.indexOf(this.x);
            var comment = $("input:eq(" + (index) + ")").val();
            return '-->'+comment;
        }
    },
相关文章：