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

Question

例如，我在x轴和y轴上分别绘制了一个基于特定日期和学生注册人数的折线图。当我将鼠标移到折线图中的某个特定点时，我可以查看显示x和y轴值的工具提示。相反，当我将鼠标移到某个特定点时，我希望显示当天注册的学生的姓名。这个问题有什么解决办法吗?如果没有工作围绕Jqplot，请建议我任何其他图表。请帮帮我。

Answer 1

这是我为你整理的一个小例子。

它使用了大部分未记录的高亮笔插件的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(", ");
        }