如何在條形圖中爲條形圖設置不同的寬度

我正在使用flot庫來構建條形圖。我需要爲每個欄設置不同的寬度。我對flot和JavaScript一般都很陌生，所以我不想繞過這個道路。如何在條形圖中爲條形圖設置不同的寬度

有沒有一個乾淨的方法來做到這一點？

2016-04-01 Paschalidis Christos

先試一試，然後在這裏提出具體問題。 –

這個問題似乎非常具體，完全可以理解，因爲一個新手無法找到他的方法，因爲在大多數例子中沒有涉及這種情況。隨意證明我錯了。 – LetsPlayYahtzee

如果不更改插件的內部代碼，則單個數據系列中的不同條寬是不可能的。你可以做的是將你的數據系列分成多個系列，每個需要的條寬。 – Raidri

-2

您可以通過編輯類名爲flot-base的canvas的樣式屬性來完成此操作。在HTML中爲此類屬性添加一個額外的CSS類，或者使用Javascript動態地添加它。要做到這一點，你可以add it to the classList，編輯樣式屬性或使用jquery addClass method。

var myFlot = document.querySelector('.flot-base'); 
myFlot.style.display.width = '1200px'; 
myFlot.style.display.height = '500px'; 
// alternative: myFlot.classList.add('cssClassWithCorrectDimensions');

編輯：

例如，當你的海軍報的代碼加載到DOM，您可以訪問正確的帆布它可能是我誤解你的問題，你的意思單個條條形圖。在這種情況下：我很抱歉。：p

我希望這對你有所幫助。 :-)

來源

2016-04-01 13:40:56

你可以給我一些洞察你的想法在實現使用JavaScript？ –

更改畫布的樣式對圖表內的單個條紋沒有任何作用。 – Raidri

我編輯了我原來的帖子。這是否幫助你更多？ –

如何在條形圖中爲條形圖設置不同的寬度

回答

相關問題