Chart.js thêm phần đệm vào tỷ lệ

Question

Tôi cần thêm đệm trên trục x và trục y. Câu hỏi này (How to add padding between Graph and X/Y-Scale in chart.js?) là tình trạng chính xác của tôi, chỉ có tôi đang sử dụng Chart.js 2.

Xem Screeshot: http://i.imgur.com/2BvlZDg.png

Về cơ bản điểm của tôi là những hình ảnh lớn, vì vậy họ đang chạy ra khỏi bảng xếp hạng. Có cách nào để thêm đệm vào khu vực biểu đồ hoặc tỷ lệ để chúng phù hợp hơn không?

Answer 1

đặn ra một cách để làm điều đó với yAxes:

options: { 
    scales: { 
     yAxes: [{ 
      ticks: { 
       padding: 100 
      } 
     }], 
    } 
} 

Không có giải pháp cho đến nay trên trục x. Một cách giải quyết cho vấn đề của bạn mặc dù có thể là để thiết lập một phút thấp hơn bằng cách tính toán tối thiểu của dữ liệu và bổ sung trừ một giá trị thặng dư:

yAxes: [{ 
    ticks: { 
     min: -100 
    } 
}], 

Cả togheter sẽ là một cái gì đó như thế này: https://jsfiddle.net/u9b0nmp8/1/

Cập nhật # 1: trục x gợi ý

Update # 2: cải tiến thay thế cho các x-Axis dựa trên https://stackoverflow.com/a/38620312/6638478

Cập nhật # 3: phiên bản 2.7 trở lên hiện hỗ trợ đệm trên cả trục y và trục x. Ví dụ: https://jsfiddle.net/u9b0nmp8/207/