2012-05-21 10 views
19

Poniższy przykład z Google, aby utworzyć ColumnChart pomocą wykresów GoogleBłąd mapy Google? Oś nie zaczynają się od 0

function drawVisualization() { 
// Create and populate the data table. 
var data = google.visualization.arrayToDataTable([ 
['Year', 'Austria', 'Belgium', 'Czech Republic', 'Finland', 'France', 'Germany'], 
['2003', 1336060, 3817614,  974066,  1104797, 6651824, 15727003], 
['2004', 1538156, 3968305,  928875,  1151983, 5940129, 17356071], 
['2005', 1576579, 4063225,  1063414,  1156441, 5714009, 16716049], 
['2006', 1600652, 4604684,  940478,  1167979, 6190532, 18542843], 
['2007', 1968113, 4013653,  1037079,  1207029, 6420270, 19564053], 
['2008', 1901067, 6792087,  1037327,  1284795, 6240921, 19830493] 
]); 

// Create and draw the visualization. 
new google.visualization.ColumnChart(document.getElementById('visualization')). 
    draw(data, 
     {title:"Yearly Coffee Consumption by Country", 
     width:600, height:400, 
     hAxis: {title: "Year"}} 
); 
} 

Które działa perfekcyjnie, jednak chcę tylko jednej wartości w kolumnie, więc go zmienić na:

function drawVisualization() { 
// Create and populate the data table. 
var data = google.visualization.arrayToDataTable([ 
['Month', 'How many'], 
['07', 193], 
['08', 114], 
['09', 158] 
]); 

// Create and draw the visualization. 
new google.visualization.ColumnChart(document.getElementById('visualization')). 
    draw(data, 
     {title:"Yearly Coffee Consumption by Country", 
     width:600, height:400, 
     hAxis: {title: "Year"}} 
); 
} 

A teraz oś pionowa nie zaczyna się od 0, ale zbliża się do najniższej wartości, w tym przypadku 114 - czy to błąd? Nadal chcę, aby wyświetlał się od 0, ponieważ jest bardzo mylące na szybkie spojrzenie, takie jak to

Wszelkie pomysły?

+0

Ja tylko zauważyłem to zachowanie na wykresach kolumnowych kombi (luty '16) – roberthuttinger

Odpowiedz

15

Jeśli nie masz danych na wykresie vAxis: {minValue: 0} nie pomogą. Więc można użyć opcji konfiguracji viewWindow:

var options = { 
    vAxis: { 
     viewWindow: { 
      min:0 
     } 
    } 
}; 
var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
chart.draw(dataTable, options); 
+1

Dla nowego API to jest prawidłowa odpowiedź – rents

Powiązane problemy