Highcharts 3.0 Wykres bąbelkowy - Kontrolowanie rozmiarów bąbelków

Dzięki Highcharts 3.0 możliwe jest tworzenie wykresów z typem "bąbelkowym", podczas gdy przed 3.0 konieczne było użycie wykresu "scatter" i zmiana rozmiaru znacznika, aby tworzyć wykresy bąbelkowe. Zaletą starego sposobu jest to, że masz pełną kontrolę nad widocznym promieniem pikseli każdego z bąbelków - nowe wykresy bąbelkowe automatycznie zmieniają rozmiar bąbelków, tak aby były odpowiednio do siebie dopasowane. Czy istnieje sposób, aby wyłączyć to zachowanie lub ustawić promień bańki ręcznie?Highcharts 3.0 Wykres bąbelkowy - Kontrolowanie rozmiarów bąbelków

Źródło

2013-03-29 AlexMA

Dlaczego nadal nie używasz wykresów scatter? – PeerBr

@PeerBr Chciałbym, ale duże znaczniki przy krawędzi wykresu mają tendencję do przepełnienia granic wykresu, podczas gdy w przypadku wykresów bąbelkowych znaczniki są automatycznie kontrolowane. Zobacz http://stackoverflow.com/questions/15535932/highcharts-prevent-large-marker-from-overflowing-axes-my-bubbles-are-escapin – AlexMA

Trudno mi się przekonać, w jaki sposób wykres bąbelkowy, w którym banieczki nie są zwymiarowane względem siebie, byłby przydatny.

powinien być w stanie korzystać z opcji minSize i maxSize jednak kontrolować je tak, że musisz:

bubble: { 
       minSize:2, 
       maxSize:50 
     }

{{edit: nie widzę ich w docs albo , tak właściwie. Ale możesz zobaczyć przykład tutaj: http://jsfiddle.net/fXzke/13/ użyj albo liczby jako wartości piksela, albo ciągu z procentem wysokości wykresu }}

Źródło

2013-03-29 15:46:27 jlbriggs

Będę ręcznie utrzymywał rozmiary względne, ale chcę kontrolować szerokość * w pikselach *. Ponadto nie mogę znaleźć tych opcji w dokumentach (api.highcharts.com). Próbowałem użyć bańki jako właściwości plotOptions i nic się nie stało. – AlexMA

Też nie widzę ich w dokumentach. Ale możesz zobaczyć przykład tutaj: http://jsfiddle.net/fXzke/13/ użyj albo liczby jako wartości pikseli, albo ciągu z procentem wysokości wykresu – jlbriggs

Pamiętaj, że to zachowanie nie wydaje się być jeszcze stabilne. Otrzymałem błędy od Highcharts po prostu zmieniając minSize na inny numer (zobacz http://jsfiddle.net/FbUwQ/). Moja rada jest czekać na to, aby dodać do dokumentów. – AlexMA

Zauważyłem, że dodanie "pustego" bąbelka do serii pomaga utrzymać rozmiar wszystkich bąbelków w Wykres względne do siebie:

name: '', 
data: [{x:0,y:0,z:0}], 
showInLegend: false, 
color: 'transparent', 
enableMouseTracking: false

Oto próbka na JSFiddle: http://jsfiddle.net/9bebT/2/. Zmienne śledzenia legendy, koloru i myszy pomagają zachować pozycję w serii, ale poza tym są niewidoczne dla użytkownika. Jeśli po prostu usuniesz pusty dymek lub ustawisz jego widoczność na "false", wykres nie zarejestruje pustej osi z (średnicy) pustego bąbelka jako minSize.

Źródło

2013-07-18 14:57:52

To użyteczne i trafne, chociaż nie jest to bezpośrednia odpowiedź - niemniej, dziękuję. – AlexMA

Moje przeprosiny; Ponownie przeczytałem twoje pierwotne pytanie i zdałem sobie sprawę, że naprawdę nie rozumiem. > _ < –

Highcharts 3.0 Wykres bąbelkowy - Kontrolowanie rozmiarów bąbelków

Odpowiedz

Powiązane problemy