在Jqplot折线图中显示自定义工具提示?

时间:2013-04-03 07:26:45

标签: jsf tooltip jqplot linechart

例如,我根据在x和y轴上特定日期注册的学生的日期和数量绘制了折线图。当我将鼠标移到折线图中的特定点时,我可以查看显示x和y轴值的工具提示。相反,当我鼠标移动到特定点时,我想显示当天注册的学生的姓名。这个问题有什么解决方案吗?如果Jqplot没有解决方法,请向我推荐任何其他图表..请帮帮我。提前谢谢。

1 个答案:

答案 0 :(得分:1)

这是我为你准备的little example

它使用了荧光笔插件的大部分未记录的tooltipContentEditor属性:

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

您的数据预定义如下:

      var students = [
          ['Bob','Mark','Dave'],
          ['Tim','Mike']
      ];

      var data = [students[0].length,students[1].length];          

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