2014-10-22 171 views
2

我在我的報告頁面中使用了浮動圖表。該圖表的x軸包含一些標籤,如Quality of ServiceQuality of Performance等,但這些標籤對於其他每個客戶都是動態的。我的意思是對於某些其他客戶,標籤可以是Car,Plane,Truck,並且x軸文本之間的字符差異會導致條寬度的突然變化。據我所知,barWidth flot條形圖的屬性取決於x軸,正如作者this answer所說。在時間模式中,我以某種方式理解,但是如果我在x軸上使用文本,barWidth如何確定?浮動圖表的酒吧寬度

編輯:系統產生代碼爲here

相同的寬度值,該值是0.1,在圖表兩種不同的觀點:

的一個較長的x軸文本 The one with longer x-axis texts

該一個具有較短x軸文本 The one with shorter x-axis texts

在這裏,它是最吸吮的一個: enter image description here

+0

不同圖表的底層數據是什麼? (例如,最後一個看起來像缺少一個條形圖組。)即使使用分類模式,條形的位置和寬度也取決於底層數據中的數值。 (如果您可以爲圖片中的圖表提供小提琴或代碼片段,我們可以提供更多詳細信息。) – Raidri 2014-10-22 10:36:29

+0

由html生成的代碼已添加到問題中。感謝您的關注。我無法添加小提琴,因爲有很多數據,無法處理它。 – 2014-10-22 11:29:28

回答

3

第三個ima的解釋您爲其鏈接到生成的代碼:

x值爲103,110和114(來自var d_main_quest_bar_20 = [[103, 8.25],[110, 8.75],[114, 7.75],];)。 x值之間的差異是7和4,這解釋了條形組之間的不同距離。您的酒吧寬度爲0.4,因此每組酒吧的總寬度大約爲1.6。而你的酒吧小組則集中在一起。總之這給:

start  end  width description    tickname 
-------------------------------------------------------------- 
102.2 to 103.8  1.6  first group of bars  Tesis 
103.8 to 109.2  5.4 
109.2 to 110.8  1.6  second group of bars Program 
110.8 to 113.2  2.4 
113.2 to 114.8  1.6  third group of bars  Personel 

所以,正如我在我的評論中提到,酒吧寬度和現在的位置是從您的數據的數字x值計算的,即使你不顯示這些值。 (它和你在提問中提示的刻度名稱的長度無關,這只是一個巧合。)

如果你想顯示距離相同的組並且不關心它們的值可以使用類別插件(example)。您必須檢查/測試此功能是否與Orderbar插件一起運行良好,以及在這種情況下如何計算條寬。

+0

當你剛剛意識到原因可能是103和110之間的差異時,你的答案就到了。非常感謝你爲我的問題花費了寶貴的時間。 – 2014-10-22 12:54:09