jquery - 根据 x 轴值设置浮标中工具提示的标签

我有一个使用 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 的值？

最佳答案

在这里，您最好使用 function 属性的 content 回调而不是字符串格式(我猜这就是您要去的地方并询问您的下一个 question )。

 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
       }
  }

fiddle 示例 here 。

关于jquery - 根据 x 轴值设置浮标中工具提示的标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21354196/