Google chart bug? Asse non partire da 0

L’esempio seguente è tratto da Google per la creazione di un ColumnChart utilizzando Google Charts

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

Che funziona perfettamente, tuttavia, voglio solo un valore per ogni colonna in modo che io cambio a:

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

E ora l’asse verticale non inizia a 0, ma vicino al valore più basso, in questo caso, 114 – si tratta di un bug? Ho ancora voglia di mostrare da 0 in quanto è molto confusa a una rapida occhiata come questo

Tutte le idee?

  • Ho solo notato questo comportamento combo istogrammi (Feb ’16)



3 Replies
  1. 22

    Se non hai dati al grafico vAxis: {minValue: 0} non sarà di aiuto. Quindi, è possibile utilizzare l’opzione di configurazione viewWindow:

    var options = { 
        vAxis: { 
            viewWindow: {
                min:0
            }
        }
    };
    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
    chart.draw(dataTable, options);
    • Per la nuova api questa è la risposta corretta

Lascia un commento