2016-03-29 20 views
2

python ve chart.js kullanarak yeni bir proje başlatıyorum ve chart.js çubuk grafiğini kullanıyorum, her çubuğun genişliğini düzeltmek istiyorum ama yine de böyle görünüyor, bu yüzden tüm çubuk için düzeltme genişliğini nasıl uygularım? ?Grafikteki çubuk genişliği nasıl düzeltilir?

Bir seferde gösterilen 6 bar, 7 çubuk eklediğimizde yatay kaydırma görüntülenir. enter image description here

+0

Sen o konuda yardıma ihtiyaç ne olduğu daha açık hale getirecek şekilde yapmaya çalışıyorsun şeyin bir kod örneği içermelidir deneyin. –

+0

Grafik js kullanıyorum, referansınız için dokümanlar. http://www.chartjs.org/docs/ –

+0

Kendi JavaScript ve CSS'nizi kastediyorum –

cevap

2

kullanabilirsiniz:

bu

xAxes:[{ 
    barPercentage: 0.1, 
      gridLines: { 
      display:false 
     } 
    }] 

barPercentage gibi

barPercentage özelliği, 0 ila 1 burada 1 barPercentage ilgili daha fazla detay için bkz this% 100 mevcut genişlik

olmasının değerini alır

Örnek FIDDLE

Farklı veri varyantı ile düzeltme genişliği için

:

bu link1link2

+0

Teşekkürler, bir sorum var, Bu her çubuğa düzeltme genişliğini uygulamak mümkün mü? metre yok 10 bar ya da 100 bar vardı. Sadece tüm çubuklar için aynı genişliği uygulamak istedim. –

+0

Bkz. Fiddle: https://jsfiddle.net/KDM1010/Luaf2tm4/112/ –

+0

@KaushikMakwana Kemanın içinde, bütün çubuklar için hala aynı genişlikte olmamaya çalışıyorum değil mi? –

İlgili konular