2013-02-06 12 views
8

Potrzebuję pomocy w przypadku problemu z etykietami kategorii dla xAxis. Kiedy nie ma miejsca na wszystkie etykiety kategorii, zostają one stłoczone i nakładają się na siebie.Znaczniki nachodzące na siebie kategorii kategorii

Poszukałem, czy mógłbym znaleźć jakiś sposób, aby upewnić się, że tak się nie stanie, najpierw szukałem rozwiązania przewijania, a następnie pewnego rodzaju powiększania, i ostatecznie próbowałem iść do StaggerLines.

Problem polega na tym, że jeśli używam linek rozbieżnych, muszę ustawić tę wartość w zależności od liczby posiadanych kategorii. Jeśli mam 10 lub mniej, wartość StaggerLine jest ustawiona na 1, 11-20 Chcę, żeby była stet na 2, 21-30 Chcę ustawić na 3 i tak dalej. Nie mogę po prostu ustawić go na 3, ponieważ czasami będzie to tylko kilka wyświetlonych kategorii, a to nie będzie dobrze wyglądać w przypadku StaggerLines.

Ktoś ma dobrą sugestię, jak rozwiązać ten problem?

+0

Nie opublikowania tego jako rozwiązanie, ponieważ to na pewno musi być ustalona w HighCharts ale to, co robimy jest dla wszystkich kategorii wykresy danych xAxis mamy pion xAxis. W ten sposób tekst jest poziomy dla etykiet. Dirty fix, ale działa dla naszych danych, gdy poprawnie ustawimy wymiary wykresu. – wergeld

+0

Zabawne, mam przeciwny problem (używając 4.0.4). Kategorie są obcinane, ponieważ nie pasują. – nilskp

Odpowiedz

7

Nie musisz w ogóle używać kategorii. Ogólnie kategorie są dobre, aby pokazać np. owoce lub nazwy - jak zdefiniować nazwę, która powinna być wyświetlana, a która nie? Czy jabłko jest ważniejsze niż banan?

Jednak rozwiązanie jest dość proste, używając OśX etykiety formatowania, spójrz: http://jsbin.com/oyudan/27/edit

xAxis: { 
    labels: { 
    formatter: function(){ 
     return names[this.value]; 
    } 
    } 
}, 
+0

Dzięki, pączku. Bardzo mi to pomogło. –

+1

Tajemnicą tutaj jest upewnienie się, że nie używasz "categories: Names" w definicji xAxis. Wykres jest wystarczająco inteligentny, aby pobrać etykiety, których potrzebuje. –

Powiązane problemy