2014-09-25 77 views
5

我正在使用Charts.js - 顯然用於創建圖表。在Chart.js上創建水平條形圖擴展

我想在我的應用水平條形圖,但似乎Chart.js沒有它,所以我使出那個所謂的回購ChartNew.js.

ChartNew.js不過的一個分支是不是在所有響應,而吸引我最多的東西是Chart.js,這是能夠有響應的圖表。

我知道,Charts.js允許easy extension或'黑客'的現有圖表對象。

是否有可能「extend' Chart.js定期條形圖到 成爲一個水平條形圖?

+0

你更喜歡Chart.js以外的其他圖表庫嗎? – 2014-09-25 07:37:46

+0

這將是最後的選擇。我更喜歡在圖表之間保持統一的美學效果,使用一個庫來節省大小,代碼可讀性以及..簡單。如果可以擴展Chart.js,那將是理想的 – 2014-09-25 07:39:26

+0

對於水平圖表和使用替代軟件,你有什麼想法?我有同樣的問題,不想擴展ChartJS – Radek 2015-05-01 19:47:58

回答

13

chart.js之不來的默認水平條形圖。

然而,它是以非常模塊化的方式構建的。這允許第三方插件被開發出來,不會混淆核心代碼。

因爲我需要一個項目的水平條形圖我正在研究,我冒昧地創建了一個你可以在這裏找到的項目。

https://github.com/tomsouthall/Chart.HorizontalBar.js

可以使用亭子安裝它:

$ bower install chart.horizontalbar 

創建圖表的語法是完全一樣,用於創建一個標準(垂直)條形圖:

var myChart = new Chart(ctx).HorizontalBar(data, options); 

這是一個非常快速入侵項目,但它爲我所需要的工作很好!希望能幫助到你。

+0

先生有沒有什麼辦法可以設置寬度吧? – 2015-06-12 10:54:43

+0

這工作得很好,但使用堆疊酒吧時動畫有點奇怪。每個酒吧彼此同步動畫。是否有任何方法可以在最左邊的小節已經繪製之後,讓後面的小節繪製,就好像它是一個活動的小節。我一直在試圖解決這個問題,但我的眼睛開始在它上面出現。 – WebWanderer 2016-05-11 19:47:18

5

我知道這可能是不利於你,但可能會幫助別人,谷歌圖表是非常好的一起來看看它https://developers.google.com/chart/

+0

謝謝,我不知道 – 2014-12-27 17:25:05

+0

它真的很棒,易於使用最好的部分是它完全可以根據我們的需要定製 – 2014-12-27 17:26:35