Tôi có biểu đồ thanh Kendo UI (Telerik) có tên nhãn dài. Khi tôi đặt xoay nhãn thành bất kỳ thứ gì ngoài 0,180,90,360 thì các nhãn nghiêng nhưng chúng sử dụng trung tâm của văn bản làm điểm nghiêng thay vì bắt đầu văn bản. Điều này làm cho tất cả các nhãn được tắt bởi một thanh đầy đủ.Biểu đồ thanh giao diện người dùng Kendo Nhãn Xoay
Có cách nào để có được biểu đồ để sử dụng khi bắt đầu của nhãn như là điểm xoay thay vì trung tâm?
Cách duy nhất tôi đã nhận được nhãn để xếp hàng đúng cách khi sử dụng tính năng xoay vòng, cũng là đặt phần đệm.
mẫu categoryAxis
categoryAxis: { field: 'name', labels: { rotation: -60, padding: { right: 10 }}}
JSbin mẫu http://jsbin.com/zoloc/1/edit
Kendo Documentation http://docs.telerik.com/kendo-ui/api/dataviz/chart#configuration-categoryAxis.labels.padding
Phản hồi từ Telerik:
Bạn có một điểm hợp lệ. Ví dụ, Excel xoay văn bản xung quanh cạnh trái của nó. Chúng tôi sẽ xem xét vấn đề này, nhưng hiện tại tôi chỉ có thể đề xuất tùy chọn nhiều dòng trong bản phát hành Q2 sắp tới.
Bạn sẽ có thể để phân chia các nhãn bằng cách sử dụng một mới dòng nhân vật: loại: [ "JR Simplot \ nCOMPANY", ...]
Bạn có thể sử dụng cả hai luân chuyển và lợi nhuận để sắp xếp văn bản trục danh mục như thế này,
.CategoryAxis(axis => axis
.Categories(model => model.StudentName).Labels(labels => labels.Rotation(330).Margin(-5,45,0,0).Visible(true))
.MajorGridLines(lines => lines.Visible(false))
.Line(line => line.Visible(false))
)
Ví dụ JSbin của bạn vẫn có cùng một vấn đề, nhãn không thực sự được xếp chính xác, tất cả chúng đều được xoay ở giữa thay vì bắt đầu. Thật khó để đọc đồ thị –