根據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

在這里，您可以使用content屬性的function回調而不是字符串格式來更好地服務（我猜這就是您要去的地方並詢問您的下一個問題 ）。

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

這里的小提琴示例。