Подсветка jqPlot изменить значение x

Question

У меня есть Линейный график 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-Axis чтения group1 group2 и т. Д... однако, когда я добавляю опцию выделения и, например, наведите курсор мыши на строку 1, отметьте 2, поле отображает "2.0, 68". То, что я хотел бы сделать, это отобразить "group2, 68".

Я пытался играть с параметром formatString, но не могу заставить его работать.

кто-то может указать мне в правильном направлении?

Благодарю.

Answer 1

Я могу придумать решение, может быть, не самое лучшее, но самое подходящее, которое я мог бы быстро подумать, учитывая код, который вы показали. Это предполагает использование приведенного ниже кода. В основном на каждое движение мыши, где neighbour не является нулевым (это условие, используемое для отображения всплывающей подсказки) Я меняю подсказку на ту, которая мне нравится.

$("#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");
    }
});

Для примера рабочего кода смотрите.

Answer 2

Не пытался, но этот код, кажется, делает то, что вы ожидаете https://gist.github.com/2422033

Вот ссылка на плагин для подсветки документов JqPlot. Проверить tooltipAxes имущество

И здесь есть ссылка на решение для отображения названия серии во всплывающей подсказке, которая не поддерживается по умолчанию. Проверьте комментарий # 1 https://bitbucket.org/cleonello/jqplot/issue/109/enable-highlighter-tooltip-to-display-label-of-the-series-on