2015-05-12 62 views
0

我一直在FLOT上工作了幾天。這個API非常棒,evrything可以正常工作,除了包含jQuery.flot.axislabels.js之後,我無法顯示任何標籤名稱。無法使用axislabels.js獲取標籤

我已經做了很多,並嘗試幾乎所有可用的。以下是我一直在嘗試的代碼片段:

$.plot($("#graph"), [ 
    { 
     data: d1, 
     bars: { 
      show:true, 
      align: "center", 
      barWidth: 0.5, 
      horizontal: true, 
      fillColor: "#6199CC", 
      lineWidth: 0 
     }, 
     xaxis: { 
      axisLabel: "Label for X-axis", 
      axisLabelUseCanvas: true, 
      axisLabelFontSizePixels: 12, 
      axisLabelFontFamily: 'Verdana, Arial', 
      max: 200, 
      tickColor: "#5E5E5E", 
      color:"black" 
     }, 
     yaxis: { 
      axisLabel: "Label for y-axis", 
      axisLabelUseCanvas: true, 
      axisLabelFontSizePixels: 12, 
      axisLabelFontFamily: 'Verdana, Arial', 
      axisLabelPadding: 3, 
      tickColor: "#5E5E5E", 
      ticks: ticks, 
      color:"black" 
     }, 
     grid: { 
      hoverable: true, 
      borderWidth: 2, 
      backgroundColor: { colors: ["#171717", "#4F4F4F"] } 
     } 
    } 
]); 

我試過將xaxis更改爲xaxes,y也是一樣。我已經在xaxis和yaxis選項中嘗試了show:true。但我得到的只是軸上的數字而沒有標籤。

我是否真的需要指定一個相同的div(如我在某些網站上發現的,但我現在不相信),如果是的話,如何將它與axislabels.js集成或可能是我缺少一些屬性,如我需要設置爲true或顯示的內容。

我的其他代碼很好,沒有錯誤,並呈現出一個美麗的情節。

+0

的可能重複[海軍報的AxisLabel不工作(http://stackoverflow.com/questions/15559204/flot-axislabel-not-working) – Raidri

回答

0

確認爲flot axisLabel not working的副本。

您可以在繪圖方法調用的數據部分中包含您的選項。
將它們分開,它工作(見本fiddle):

$.plot($("#graph"), [d1], { 
    bars: { 
     show: true, 
     align: "center", 
     ... 
    }, 
    ...   
}); 
+0

謝謝@ Raidri ....而且我真的很愚蠢。更愚蠢的是,我已經經歷了你指出的問題,但沒有閱讀所有答案/評論。 – Saurabh