根据x轴值设置flot中工具提示的标签

Question

我有一个使用flot的折线图.我希望工具提示显示x轴和y轴值.

我在尝试:

content: "Orders <b>%y</b> for <span>%x</span>",

但是第一点显示"订单100为0",第二点显示"订单100为1",依此类推.

如果我使用:

content: "Orders <b>%y</b> for <span>"+chartData.axis[0][1]+"</span>",

然后,这会正确显示第一个点的x轴值.

但这不起作用:

content: "Orders <b>%y</b> for <span>"+chartData.axis[%x][1]+"</span>",

它给了我:

Uncaught SyntaxError: Unexpected token % 

如何在chartData.axis中引用%x的值？

Answer 1

在这里你可以更好地使用属性的function回调content而不是字符串格式(我猜你在哪里,并问你的下一个问题).

 tooltip: true,
   tooltipOpts: {
       content: function(label, xval, yval, flotItem){
           return "Orders <b>"+yval+"</b> for <span>"+chartData.axis[xval][2]+"</span>"
       },
       shifts: {
         x: -30,
         y: -50
       }
  }

这里的小提琴示例.