查询-Flot-获取x数据值

Question

我正在使用插件 Flot 来显示图表。我正在实现一个工具提示以显示值 x 和 y。

我在获取正确的值时遇到了一些问题。 x 轴是显示月份名称的字符串。如何从 x 轴获取值？

$("#placeholder").bind("plothover", function(event, pos, item) {
    if (item) {
      var x = item.datapoint[0];
      var y = item.datapoint[1];
      $("#tooltip").html("x: " + x + " y: " + y)
        .css({
          top: item.pageY + 5,
          left: item.pageX + 5
        })
        .fadeIn(200);
    } else {
      $("#tooltip").hide();
   }    
});

Answer 1

要显示柱的月份，请使用 item.series.data

$("#placeholder").bind("plothover", function(event, pos, item) {

    if (item) {

      var x = item.datapoint[0];
      var y = item.datapoint[1];

        var dataPoint = item.series.data[item.dataIndex];
        var mm = dataPoint[0]; 


      $("#tooltip").html("x: " + x + " y: " + y + " month: " + mm)
        .css({
          top: item.pageY + 5,
          left: item.pageX + 5
        })
        .fadeIn(200);
    } else {
      $("#tooltip").hide();
    }

  });

查询-Flot-获取x数据值

Query - Flot - Get x data value

jquery

html

charts

flot