Flot Ticks動態創建

Question

我正在使用flot庫，並且在正確顯示x軸標籤時遇到了一些問題。

如果我有數據的測試序列，像這樣：

var textData = ["51% <br> 101 <br> data1", "11% <br> 32 <br> data2", "26% <br> 64 <br> data3"]; 

，然後用它來創建x軸標籤是這樣的：

xaxis: { 
      tickLength: 0, 
      show: true, 
      ticks: [[0, textData[0]], [1, textData[1]], [2, textData[2]]] 
     }, 

工作正常：

這適用於測試一，但是，數據項的數量可以nd會有所不同，所以我應該動態創建x軸值。我嘗試這樣做：

 xaxis: { 
       tickLength: 0, 
       show: true, 
      } 
    }) 

    for (var i = 0; i < textData.length; i++) { 
     ticks.push(i, textData[i]); 
    } 

這將創建圖表，但x軸標籤將無法正確顯示：

任何幫助將不勝感激。

Answer 1

成立了蜱數組中的選項傳遞：

var textData = ["51% <br> 101 <br> data1", "11% <br> 32 <br> data2", "26% <br> 64 <br> data3"]; 
var myTicks = []; 
for (var i = 0; i < textData.length; i++) 
{ 
    myTicks.push([ i, textData[i] ]); //note the extra brackets, it's an array of arrays 
} 

然後在您的選擇：

xaxis: { 
    tickLength: 0, 
    show: true, 
    ticks: myTicks 
}