Nicht Spalte anzeigen, wenn kleine Wert - Google Säulendiagramm

Question

Meine Werte sind wie folgt mit einem Google-Säulendiagramm:

var data = google.visualization.arrayToDataTable([ 
['Year', 'Austria'], 
['2003', 4000], 
['2004', 1538156], 
['2005', 1576579], 
['2006', 1600652], 
['2007', 19681137], 
['2008', 1901067] 
]); 

Mein Diagramm wie wie im Bild unten angezeigt wird:

Ich muss diesen 4000-Wert in der Grafik richtig anzeigen.

Answer 1

das Problem ist, die Spalte für das Jahr 2003 ist ein Faserband im Vergleich zum Rest

wenn der vAxis bei Null beginnt, wobei die Achse Zeile und Spalte die gleiche Höhe
so das sind Spalte zeigt nicht

Sie getColumnRange den Satz vAxis.viewWindow

dies sh verwenden können ow die Lunte (Spalte), statt der Achsenlinie

folgenden Arbeits Schnipsel sehen ...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Year', 'Austria'], 
 
     ['2003', 4000], 
 
     ['2004', 1538156], 
 
     ['2005', 1576579], 
 
     ['2006', 1600652], 
 
     ['2007', 19681137], 
 
     ['2008', 1901067] 
 
    ]); 
 

 
    var columnRange = data.getColumnRange(1); 
 

 
    var options = { 
 
     hAxis: { 
 
     title: 'Cups', 
 
     }, 
 
     height: 600, 
 
     title: 'Yearly Coffee Consumption by Country', 
 
     vAxis: { 
 
     title: 'Year', 
 
     viewWindow: { 
 
      min: columnRange.min 
 
     } 
 
     } 
 
    }; 
 

 
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

Answer 2

Verwenden сonfiguration Optionen chartArea