麻烦基于在highcharts线图的X轴的值唯一工具提示(Trouble getting uniqu

2019-09-29 02:47发布

我试图在这点具有不同X轴上的值有不同的提示.The 1一系列的两个点有相同的提示,即使他们的x轴的值是月月下different.ie点应该有“一图第11意见”提示,在二月点应该有‘22日评论’工具提示等等等等,即使它们的x轴的值是相同的,但不是y轴的值..

当前计算逻辑的是,工具提示长取决于y轴values.As为y轴值正在改变刀尖改变accordingly.This发生,因为在下面的代码语句“this.y”的..

这个逻辑的问题是,只要y轴的值是不同的工具提示正常工作,一系列的那一刻起连续2个点具有相同的Y轴值时,他们的x值是不同的提示不会改变...

为了使提示变化acoording为x轴的值,我与替换“this.y”“this.x”,但所需要的变化是不是happening.Can请你告诉我如何作出这样的改变?

刀尖代码..

       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/

Answer 1:

而不是使用索引的dataValues使用索引类,这种方式: 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;
        }
    },


文章来源: Trouble getting unique tooltip based on X axis values in highcharts line graph