Jak zmodyfikować szerokość paska w Chartjs 2 wykresy słupkowe

Question

Czy ktoś może mi powiedzieć, jak zmienić szerokość paska w wykresach 2 wykresów Chartjs. W dokumentacji nie ma nic o tym.

nie wiem co robić.

Answer 1

Należy zauważyć, że niektóre zmiany zachodzą. Rzeczywista konfiguracja zależy od używanego v2.0.

Dla wersji 2.0.0-alfa

Ustaw categorySpacing dla xAxes. Można to zrobić globalnie

Chart.defaults.bar.scales.xAxes[0].categorySpacing = 0 

lub można to zrobić przez wykresie

... 
scales: { 
    xAxes: [{ 
     categorySpacing: 0 
    }], 
... 

Fiddle - http://jsfiddle.net/beehe4eg/

---

W wersji 1.0.2

Dostosuj opcje barValueSpacing i barDatasetSpacing, aby ustawić pręty bliżej. Spowoduje to automatyczne zwiększenie ich szerokości.

Answer 2

Dla mnie, próbując wersji 2.0 beta, pracowałem nad ustawieniem barPercentage w opcji skali xAxes.

To co kiedyś:

var options = { 
    data: chartData, 
    type: "bar", 
    options: { 
     scales: { 
      xAxes: [{ barPercentage: 0.5 }] 
     } 
    } 
}; 
var chart = new Chart(chartCtx, options); 

Answer 3

Dla wersji 2.4.0 barThickness - Ręcznie ustawić szerokość każdego baru w pikselach. Jeśli nie jest ustawiony, paski są wymiarowane automatycznie.

options = { 
    scales: { 
     xAxes: [{ 
      barThickness : 73 
     }] 
    } 
}