jqplot CategoryAxisRenderer highlighter错误的工具提示输出

时间:2014-02-07 12:19:06

标签: jqplot diagram axes renderer jqplot-highlighter

我正在使用jqplot 1.0.8并遇到CategoryAxisRenderer的问题。 y轴显示数值,x轴显示数值或字符串值。这就是我选择CategoryAxisRenderer的原因。基本上,除了highlighter之外,一切都正确呈现。如果我将鼠标悬停在一个点上,我不会得到x轴的值,而是只获得该值的index

初始化

PLOT = $.jqplot(that.getId() + '-CONTENT', [array], {
    width: $('#' + elemId).width() - 30,
    height: 500,
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            tickOptions: {
                angle: -90,
                fontSize: '8pt'
            }
        },
        yaxis:{
            min:1
        }
    },
    highlighter: {
        show: true,
        tooltipLocation: 'ne',
        sizeAdjust: 7.5,
        useAxesFormatters: false,
        formatString: '%s, %d'
    },
    cursor: {
        show: false
    }
});

输出

enter image description here enter image description here

预期结果

1)1978年,1

2)卢布尔雅那大学,37岁

2 个答案:

答案 0 :(得分:1)

如果要显示分类的x轴值,则必须遵循以下解决方法:https://groups.google.com/d/msg/jqplot-users/ZeXgxATxMyI/Fs3DnBAecu0J

答案 1 :(得分:0)

我遇到了完全相同的问题,我自己的解决方案是使用tooltipContentEditor自定义工具提示。

highlighter: {
            tooltipContentEditor: function (str, seriesIndex, pointIndex, plot) {
                var content = plot.axes.xaxis.ticks[pointIndex] + ", " + str.split(',')[1];
                return content;
            }
        },