2014-07-15 17 views
5

Mam wykres słupkowy Kendo U (Telerik) z długimi nazwami etykiet. Po ustawieniu obrotu etykiety na dowolną wartość z zakresu od 0,180,90,360 etykiety są nachylone, ale używają środka tekstu jako punktu skosu zamiast początku tekstu. Powoduje to wyłączenie wszystkich etykiet po pełnym pasku.Kendo UI Wykresy słupkowe Wykresy obrotu

http://snag.gy/m2XxJ.jpg

Czy istnieje sposób, aby uzyskać wykres korzystania z rozpoczęcia etykiecie jako punktu obrotu, a nie w centrum?

Odpowiedz

8

Jedynym sposobem, w jaki etykiety zostały prawidłowo wyrównane podczas korzystania z obrotu, jest również ustawienie dopełnienia.

Przykładowe categoryAxis

categoryAxis: { field: 'name', labels: { rotation: -60, padding: { right: 10 }}} 

JSbin próbka http://jsbin.com/zoloc/1/edit

Kendo Dokumentacja http://docs.telerik.com/kendo-ui/api/dataviz/chart#configuration-categoryAxis.labels.padding

+0

Twój przykład JSbina wciąż ma ten sam problem, etykiety nie są właściwie ustawione w linii, wszystkie są obrócone w środku zamiast w początkowym. Trudno jest odczytać wykres –

0

Response z Telerik:

mieć ważny punkt. Na przykład Excel obraca tekst wokół lewej krawędzi. Zajmiemy się tą kwestią, ale na razie mogę zaproponować opcję wieloliniową w nadchodzącym wydaniu drugiego kwartału.

Będziesz mógł podzielić etykiety przy użyciu nowego wiersza znak: kategorie: [ „JR Simplot \ nCOMPANY”, ...]

3

Można używać zarówno obrót i margines celu uzgodnienia Tekst w osi kategorii, taki jak ten,

.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)) 
    ) 
Powiązane problemy