基于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属性，而不是字符串格式化的服务（和我猜这就是你要去哪里，问你的下一个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 
     } 
    } 

小提琴示例。