Как мога да персонализирам моята подсказка за диаграма в jqplot?

Имам следната диаграма. Трябва да покажа MM/DD като мой етикет на оста x. В tooltip искам да покажа HH:y-axis данни.

IE: В следващата диаграма искам 'Oct 15','Oct 16','Oct 17' като етикет на оста x и като подсказка трябва да покажа '4.00,4' '6.00,7' и т.н. Сега подсказката ми показва самия етикет на оста x.

var line1 = [
    ['2013-10-15 4:00', 4],
    ['2013-10-16 6:00', 7],
    ['2013-10-17 9:00', 6]
];
var plot1 = $.jqplot('firstChart', [line1], {
    title: 'Server Activity',
    seriesDefaults: {
        rendererOptions: {
            varyBarColor: true,
            barWidth: 10
        }
    },
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
        tickOptions: {
            fontFamily: 'Georgia',
            fontSize: '10pt',
            angle: -40
        }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.DateAxisRenderer,
            tickOptions: {
                tickOptions: {
                    mark: 'outside',
                    show: true,
                    showLabel: true,
                    formatString: '%b %d, %Y %H:00',
                    fontSize: 11
                }
            },
            tickInterval: '1 day'
        },
        yaxis: {
            min: 0,
            tickOptions: {
                mark: 'inside',
                show: true,
                showLabel: true,
                formatString: '%d',
                fontSize: 11
            }
        }
    },
    highlighter: {
        show: true,
        sizeAdjust: 7.5
    },
    cursor: {
        show: false
    }
});

java javascript jquery jqplot
person chinnusaccount    schedule 25.10.2013    source източник

Отговори (2)


arrow_upward
2
arrow_downward

Опитайте следното за подсказката

highlighter: {
                                tooltipContentEditor: function(current, serie, index, plot){
                                    var val = plot.data[serie][index];
                                    var valArr = val[0].split(" ");
                                    return valArr[1] + ', ' + val[1];
                                }
                            }
person oats'n choco    schedule 28.10.2013
comment
добре дошли в stackoverflow! можете ли да разширите малко този отговор, за да обясните как решава първоначалния проблем? това обикновено води до по-полезни отговори, особено когато някой дойде след година или две и намери това в Google. - person Corley Brigman; 28.10.2013

arrow_upward
1
arrow_downward

Можете да използвате опцията tooltipContentEditor на маркера

tooltipContentEditor: function tooltipContentEditor(str, seriesIndex, pointIndex, plot) {
var stringToReturn = '<table class="tooltip-info"> + '<tr><td>'+ '</td></tr>'+ </table>';                                       
return stringToReturn;
}
person Ovi Faur    schedule 25.10.2013