Lỗi biểu đồ của Google? Trục không bắt đầu từ 0

Question

Ví dụ sau đây là từ Google để tạo ra một ColumnChart sử dụng Charts Google

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"}} 
); 
} 

Những hoạt động hoàn hảo, tuy nhiên, tôi chỉ muốn một giá trị cho mỗi cột vì vậy tôi thay đổi nó thành:

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"}} 
); 
} 

Và bây giờ trục dọc không bắt đầu ở 0 nhưng gần với giá trị thấp nhất, trong trường hợp này 114 - đây có phải là lỗi không? Tôi vẫn muốn nó hiển thị từ 0 vì nó rất khó hiểu trong nháy mắt như thế này

Bất kỳ ý tưởng nào?

Answer 1

Bạn cần phải vượt qua một paremeter khác như một phần của các tùy chọn khi vẽ biểu đồ.

vAxis: {minValue: 0} 

Điều đó sẽ buộc các trục dọc để bắt đầu từ 0, bạn có thể thấy các tùy chọn có thể khác tại đây: https://google-developers.appspot.com/chart/interactive/docs/gallery/columnchart#Configuration_Options

Answer 2

Nếu bạn chưa có dữ liệu ở đồ thị vAxis: {minValue: 0} sẽ không giúp đỡ. Vì vậy, bạn có thể sử dụng cấu hình tùy chọn viewWindow:

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