2011-07-05 29 views
29

Potrzebujesz znaleźć sposób przedstawienia wykresu z paskiem błędów, ale wygląda na to, że obecnie nie obsługuje on kodu highchart. Moim planem jest użycie słupkowego słupkowego wykresu słupkowego z 0, aby obniżyć Y jako przezroczysty, a niższym Y do wyższego Y z czerwonym kolorem lub czymkolwiek, co wybiorę później.Wykres słupkowy o wysokiej szerokości stosu o wysokiej szerokości geograficznej

Moje pytanie brzmi:

Czy jest możliwe ograniczenie stos Szerokość kolumny powiedzieć 1px niezależnie poziom powiększenia w highchart?

Dzięki za wejście!

Odpowiedz

33

Właśnie to wymyśliłem. pointWidth to parametr określający szerokość szerokości pręta. Również spacer dookoła jest miły dla reprezentowania paska błędów, ponieważ nie ma jeszcze wysoce interaktywnej tablicy javascript obsługującej ten typ wykresu.

+5

można udostępnić przykładowe proszę? –

+0

Dzięki, pomogło mi to! Powinieneś przyjąć swoją odpowiedź jako poprawną. – benekastah

+2

To jest niesamowite! Jednak teraz moje paski nakładają się na siebie. Czy masz ten problem? Czy wiesz, jak automatycznie dostosować odstępy między poszczególnymi paskami? – JimmyJammed

24
series: [{ 
      name: strSeriesTitle, 
      data: arrData, 
      pointWidth: 28 
     }] 
+0

Dziękuję bardzo ... to również działa –

13

A working DEMO do ustawiania szerokości słupków kolumn niezależnie od wielkości wykresu.

Będziesz musiał użyć pointWidth opcji jak:

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     plotOptions: { 
      series: { 
       pointWidth: 40//width of the column bars irrespective of the chart size 
      } 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }] 
    }); 
}); 
+0

Zwiększa szerokość 'barów', ale potem' bary' zachodzą na siebie. Chcę zwiększyć rozmiar "barów" odpowiadający rozmiarowi wykresu. W jaki sposób? –

9

należy użyć następujących opcji zamiast pointWidth być elastyczne i nie naprawiono:

plotOptions: { 
    series: { 
     pointPadding: 0, // Defaults to 0.1 
     groupPadding: 0.01 // Defaults to 0.2 
    } 
}, 
+0

Zwiększ "groupPadding" jest bardzo przydatny do tworzenia "dodatkowego" minibaru w pobliżu większego "głównego" paska. – Ifnot

+0

Dziękuję. Nie chciałem używać stałych pikseli, a pointWidth nie pobierało procenta. Jednak przy użyciu metody pointPadding, groupPadding i pointWidth nie widzę ich udokumentowania. http://api.highcharts.com/highcharts/plotOptions.series – Turbo

Powiązane problemy