Jquery jqPlot荧光灯更改x值

我有一个jqPlot线条图，我正在尝试解决如何定制X值的高亮文本

所以。我有以下资料：

var line1=[100, 68, 63, 36, 28];
var line2=[100, 71, 68, 42, 32];
var line3=[100, 60, 45, 15, 5];
var line4=[100, 76, 58, 22, 8];
var plot3 = $.jqplot('chart3', [line1,line2,line3,line4], {
axes:{
      xaxis: {
               ticks: [  [1, 'group1'], 
                         [2, 'group2'], 
                         [3, 'group3'], 
                         [4, 'group4'], 
                         [5, 'group5']
                      ],
               tickOptions:{
                      showGridline: false,
               },
            },
      yaxis:{
             label:'Percentage',
             labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
             min : 0,
             max : 100,
             pad : 0,
             numberTicks : 11,
            }
    },

正确显示图形，X轴读数为group1 group2等。。。 但是，当我添加高亮显示选项时，例如将光标悬停在line1勾选2上，框中显示“2.0，68”。我希望它能显示“group2，68”

我尝试过使用formatString参数，但无法使其正常工作

有人能给我指出正确的方向吗

---

谢谢。

没有尝试，但这段代码似乎达到了您的期望

这里是JqPlot文档上的链接。检查

工具提示

属性

这里有一个解决方案的链接，用于在工具提示上显示默认不支持的系列名称。检查注释#1

---

我可以想出一个解决方案，也许不是最好的，但考虑到您展示的代码，我可以很快想到最合适的解决方案。它涉及到以下代码的使用。基本上，在每次鼠标移动时，如果

邻居

不为空（这是用于显示高亮工具提示的条件），我会将工具提示更改为我喜欢的

$("#chart").bind('jqplotMouseMove', function(ev, gridpos, datapos, neighbor, plot) {
    if (neighbor) {
        $(".jqplot-highlighter-tooltip").html("" + plot.axes.xaxis.ticks[neighbor.pointIndex][1] + ", " + datapos.yaxis.toFixed(2) + " Oi");
    }
});

---

+1用于显示有趣的链接。虽然我更喜欢在可以避免的时候避免更改

jqPlot

脚本，因此我提供了一个不同的答案。感谢您的回复。此解决方案快速且易于使用。只需复制/粘贴，更改“#图表”以匹配我的，它就工作了。