javascript - Jquery Flot 获取工具提示的刻度数据

Question

我正在使用 jquery flot 来显示带有工具提示的图表。我正在使用刻度来获取自定义 xaxis 数据。所以

 var data = [ [0, 3], [4, 8], [8, 5],  [9, 13] ];
 var ticksData = [ [0, "A"], [4, "B"], [8, "C"],  [9, "D"] ];
 ......
 xaxis: {            
         ticks: ticksData,
         tickLength: 0
     },

但是当我想显示工具提示时，我没有得到 ticks 数据。

 $("#placeholder").bind("plothover", function(event, pos, item) {
      var x = item.datapoint[0],   y = item.datapoint[1];
      //x and y are 4,8 instead of B,8

完整示例 http://jsfiddle.net/z0u6rqhe/

有什么方法可以修复工具提示以显示报价数据，或者我应该循环遍历 ticksData 并重新查找值

Answer 1

请检查此链接，希望这对您有所帮助。

jsfiddle.net/z0u6rqhe/5/

代码:

  var x = item.series.xaxis.ticks[item.dataIndex];