2014-09-25 5 views
5

Charts.js kullanıyorum - grafikler oluşturmak için açıkçası. Chart.js üzerinde bir yatay çubuk grafik uzantısı oluşturma

benim app yatay bir çubuk grafiği istiyorum ama Chart.js bu yok gibi görünüyor

, öyleyse ChartNew.js.

ChartNew.js Ancak denilen repo çatalla başvurdu hiç duyarlı değil ve beni en çok Chart.js'a çeken şey, duyarlı grafiklere sahip olma yeteneğidir.

Charts.js'un easy extension veya varolan grafik nesnelerini "kesmesine" izin verdiğini biliyorum.

o içine 'extend' Chart.js düzenli çubuk grafik yatay çubuk grafik haline mümkün mü?

+0

Chart.js'den başka grafik kütüphanelerini tercih eder misiniz? –

+0

Bu bir son seçenek olabilirdi. Grafikler arasında tekdüze bir estetiğe sahip olmayı tercih ederim, bu sayede büyüklükteki birikimler için bir kitaplık, kod okunabilirliği ve .. iyi, basitlik. Chart.js'yi genişletmek mümkün ise, bu ideal –

+0

olacaktır. Yatay grafikler ve alternatif yazılımlar için aklında ne var? Ben o iyi bölümü, bu – Radek

cevap

13

Chart.js varsayılan olarak yatay çubuk grafikler ile gelmiyor bakmak google çizelgeleri gerçekten iyi, size değil yararlı olabilir biliyorum ama başkasının yardımı dokunabilir. Bununla birlikte, çok modüler bir şekilde inşa edilmiştir. Bu, çekirdek koduyla karışmayan üçüncü taraf eklentilerinin geliştirilmesine izin verir. Ben I üzerinde çalıştığım bir proje için yatay çubuk grafikler Gerektiğinde

burada bulabilirsiniz tane oluşturmak cüretini.

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

için Bower kullanarak yükleyebilir:

$ bower install chart.horizontalbar 

bir grafik oluşturmak için sözdizimi tam (dikey) bir çubuk grafik bir standart oluşturmak için aynıdır:

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

Oldukça hızlı bir şekilde bir araya getirilen projedir ama ihtiyacım olan şey için harika çalıştı! Umarım yardımcı olur.

+0

Efendim biz genişliğini ayarlayabilirsiniz herhangi bir yolu yoktur bizim ihtiyaçlarını karşılamak için tamamen özelleştirilebilir olmasıdır kullanmak gerçekten büyük ve kolay –

+0

Bu oldukça iyi çalışıyor, ancak yığılmış çubuklar kullanıldığında animasyon biraz garip. Her çubuk birbiriyle senkronize olarak senkronize olur. Soldaki çubukların zaten çizildikten sonra sonraki çubukları çizmenin bir yolu var, sanki animasyon yapan bir çubuk gibi. Bunu çözmeye çalışıyorum ama gözlerim baştan başlıyor. – WebWanderer