Cách sửa đổi chiều rộng thanh trong biểu đồ thanh 2 Chartjs 2

Question

Ai đó có thể cho tôi biết cách sửa đổi chiều rộng thanh trong biểu đồ thanh Chartjs 2. Không có gì về nó trong tài liệu.

https://github.com/nnnick/Chart.js/tree/v2.0-dev/docsI không biết phải làm gì.

Answer 1

Lưu ý rằng có một số thay đổi đang diễn ra. Cấu hình thực tế sẽ phụ thuộc vào v2.0 bạn đang sử dụng.

Đối Version 2.0.0-alpha

Đặt categorySpacing cho xAxes. Bạn có thể làm điều này trên toàn cầu

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

hoặc bạn có thể làm điều đó bằng biểu đồ

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

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

---

Đối Version 1.0.2

Điều chỉnh các tùy chọn barValueSpacing và barDatasetSpacing để làm cho các thanh gần hơn. Điều này sẽ tự động tăng chiều rộng của chúng.

Answer 2

Đối với tôi, hãy thử 2.0 beta, những gì đã làm là đặt barPercentage trên tùy chọn tỷ lệ xAxes.

Đây là những gì tôi đã sử dụng:

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

Answer 3

Đối với phiên bản 2.4.0 barThickness - thiết lập bằng tay chiều rộng của mỗi cột bằng pixel. Nếu không được đặt, các thanh có kích thước tự động.

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