1

我正在尝试制作一个图表,其中具有不同 x 轴值的点具有不同的工具提示。系列的第一个两个点具有相同的工具提示,即使它们的 x 轴值不同。即 1 月下的点应该具有“第 11 条评论”工具提示,2 月以下的点应该有“第 22 条评论”工具提示,依此类推,即使它们的 x 轴值相同但 y 轴值不同..

当前的计算逻辑是工具提示取决于 y 轴值。只要 y 轴值发生变化,工具提示就会相应更改。这是由于以下代码中的语句“this.y”而发生的。

这个逻辑的问题是,只要 y 轴值不同,工具提示就可以正常工作,当一个系列的 2 个连续点具有相同的 y 轴值时,当它们的 x 值不同时,工具提示不会改变......

为了使工具提示根据 x 轴值进行更改,我将“this.y”替换为“this.x”,但没有发生所需的更改。您能告诉我如何进行更改吗?

工具提示代码..

       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/

4

1 回答 1

0

而不是使用索引来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;
        }
    },
于 2013-05-15T13:00:20.767 回答