条形图上的 jqplot 工具提示 [英] jqplot tooltip on bar chart

问题描述

我正在使用 jquery 插件 jqplot 来绘制一些条形图.在悬停时，我想在工具提示上显示栏的刻度及其值.我试过了

I'm using the jquery plugin jqplot for plotting some bar charts. on hover, I'd like to display the tick for the bar and its value on a tooltip. I've tried

highlighter: { show: true, 
            showTooltip: true,      // show a tooltip with data point values.
            tooltipLocation: 'nw',  // location of tooltip: n, ne, e, se, s, sw, w, nw.
            tooltipAxes: 'both',    // which axis values to display in the tooltip, x, y or both.
            lineWidthAdjust: 2.5   // pixels to add to the size line stroking the data point marker
            }

但它不起作用.栏在视觉上变得更轻，顶部有一个小点(理想情况下会消失 - 可能来自折线图渲染器的东西)，但任何地方都没有工具提示.有谁知道我怎么能做到这一点?我会有很多条形，所以如果我只将它们显示在那里，x 轴会变得混乱和混乱.

but it doesn't work. the bar visually gets lighter, and there's a small dot on the top (which would ideally go away--probably from line chart renderer stuff), but there is no tooltip anywhere. Anyone know how I can do this? I'll have lots of bars so the x-axis will be cluttered and kind of a mess if I show them down there only.

推荐答案

我浏览了 jqplot.highlighter.js 并找到了一个未公开的属性:tooltipContentEditor.我用它来自定义工具提示以显示 x 轴标签.

I go through jqplot.highlighter.js and find an undocumented property: tooltipContentEditor. I use it to customize the tooltip to display x-axis label.

使用这样的东西:

highlighter:{
        show:true,
        tooltipContentEditor:tooltipContentEditor
    },

function tooltipContentEditor(str, seriesIndex, pointIndex, plot) {
    // display series_label, x-axis_tick, y-axis value
    return plot.series[seriesIndex]["label"] + ", " + plot.data[seriesIndex][pointIndex];
}

这篇关于条形图上的 jqplot 工具提示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！