2012-12-03 13 views
6

Używam [highcharts] [1], aby narysować wykres pomiędzy zakresem wartości z bazy danych. Chcę, aby wartości osi X zaczęły się od danych wprowadzanych przez użytkownika.Highcharts - Jak rozpocząć oś X od dowolnej wartości

Na przykład, jeśli użytkownik chce przedziale wartości między 50 a 100, chcę moja oś x zacząć od 50.

zakresie byłoby o zmiennej wielkości. Rozmiar danych jest duży, więc nie mogę zrobić czegoś takiego jak uzyskanie wszystkiego i użycie min i maksimum do wyświetlenia.

Z góry dziękuję.

To jest mój obiekt wykresu. Mam dwa pola wejściowe dla użytkownika, którego używam do wysyłania zapytań do bazy danych i zwracania wierszy pomiędzy.

Używam wielu typów wykresów. Problem polega na tym, że nie mam pojęcia, jak zdefiniować początek osi X jako 50, jeśli otrzymuję dane z bazy danych od 50 do 100. Pokazuje 50 wartości, ale zaczynają je od 0 do 50.

Próbowałem min 10 i tak. To zaczyna się od tej wartości, ale pomija pierwsze 10 lub więcej wartości.

Pole wejściowe ma id "niższy" i "górny".


var options = { 
     chart: { 
     renderTo: ctn.attr('id'), 
     type: $('#graph_type option:selected').val(), 
     zoomType: 'x' 
     }, 
     title: { 
     text: $('#graph_title').val() 
     }, 
     subtitle: { 
      text: "Graph - " + (graph_no + 1) 
     }, 
     xAxis: { 

     title: { 
      text: $('#x_label').val() 
     } 
     }, 
     yAxis: { 
     title: { 
      text: $('#y_label').val() 
     } 
     }, 

     credits: { 
     enabled: false 
     }, 
     series: [] 
    }; 
+1

powinien pokazać nam, co już próbowałem. –

+0

Podoba Ci się to? zobacz: http://stackoverflow.com/questions/3947942/highcharts-how-to-change-x-axis-options – lbstr

Odpowiedz

10

Dziękuję wszystkim za odpowiedź. Znalazłem rozwiązanie. Min max nie działał tak, jak chciałem.

Znalazłem rozwiązanie.

Aby rozpocząć x wartość osi od pożądanej wartości użyć

plotOptions: 
    <your_graph_type>:{ 
      pointStart: <your_value> 
} 
7

myślę ustawiania min i max dla OśX zadziała. Refer this link

i można powiedzieć

startOnTick: false, endOnTick: false

Na przykład patrz: example

mam Wartości ustawione min y do 20 i max do 217,

yAxis: { 
     min: 20, 
     max:217, 
     startOnTick: false, 
     endOnTick:false 
    }, 

Zobacz, jak wyświetla się wykres term. Mam nadzieję, że to pomoże.