2013-12-09 14 views
6

Używam interfejsu API wykresów Google i konwertuję wykres liniowy (patrz poniżej) na wykres kolumnowy, jednak szerokość kolumn zmienia się w zależności od ilości kolumn danych. Po najechaniu myszą wskazuję prawidłową datę, jednak ze względu na zmianę szerokości kolumny nie można dokładnie zobaczyć daty, którą kolumna powinna reprezentować. Punkt zadziała, więc mógłbym powrócić do wykresu liniowego, ale kolumna wygląda lepiej dla zestawu danych, którego używam. Masz pomysł, jak rozwiązać ten problem?Google Wykresy/szerokość kolumny wizualizacji

Data jest dynamiczna, więc oś X musi być zmienna.

Dzięki

// Create a line chart, passing some options 
       var LineChart = new google.visualization.ChartWrapper({ 
        'chartType': 'ColumnChart', 
        'containerId': 'chart_div', 
        'options': { 
         'vAxis': {'title': 'Species Abundance', 'minValue': 0, 'maxValue': 32}, 
         'width': 300, 
         'height': 300, 
         'legend': 'top',   
         'title': 'Selected Site and Species abundance over time' 
        }, 
        'view': {'columns': [0, 1]}, 
       }); 

Example Graphs

Odpowiedz

13

Można ustawić maksymalną szerokość poprzez ustawienie bar.groupWidth do liczby całkowitej (liczba pikseli w użyciu dla grupy bar). Ustawienie tej opcji powoduje, że interfejs API próbuje narysować wszystkie grupy prętów (zestaw prętów o danej wartości osi) o tej szerokości, chociaż może być zmuszony do narysowania ich mniejszych, jeśli wymaga tego konfiguracja wykresu.

bar: { 
    groupWidth: 20 
} 
+0

Jak ustawić max groupWidth na pasku –

+0

Albo można ustawić poprzeczkę: {groupWidth: '50% '} jeśli chcesz zamiast użyć% pikseli – user3655574

Powiązane problemy