Wie zeigt man nur bestimmte Werte in Google Charts-Achsen?

Question

Also habe ich eine Tabelle, die viele Daten hat. Ist es möglich, nur bestimmte Titel zu zeigen? Zum Beispiel zuerst, zuletzt und alle 5 zwischen ihnen?

Answer 1

Sie die ticksconfiguration option benutzerdefinierte Achsenbeschriftungen setzen

zu verwenden, um Werte aus den Daten verwenden können, verwenden Sie die getValue Methode auf dem DataTable
getValue zwei Argumente, row & column

Die Zeilen und Spalten sind nullbasiert, die erste von jeweils 0
data.getValue(0, 0)

den letzten Wert in der ersten Spalte zu erhalten, verwenden Sie getNumberOfRows() - 1
data.getValue(data.getNumberOfRows() - 1, 0)

jedes fünfte Element zu erhalten, verwenden Sie den Modulo-Operator %,
halten in Denken Sie daran, dass das erste Element,
und möglicherweise die letzte, je nach Anzahl der Zeilen ...

enthalten siehe

folgenden Arbeits Schnipsel, die fügt nur die erste und letzte ...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('date', 'Date'); 
 
    data.addColumn('number', 'Units'); 
 
    data.addRows([ 
 
     [new Date(2016,0,1), 100], 
 
     [new Date(2016,0,3), 120], 
 
     [new Date(2016,0,30), 110], 
 
     [new Date(2016,1,1), 170], 
 
     [new Date(2016,1,10), 180], 
 
     [new Date(2016,1,25), 110], 
 
     [new Date(2016,2,1), 170], 
 
     [new Date(2016,2,14), 171], 
 
     [new Date(2016,2,20), 172], 
 
     [new Date(2016,3,12), 173], 
 
     [new Date(2016,3,16), 174], 
 
     [new Date(2016,3,19), 175], 
 
     [new Date(2016,4,12), 176], 
 
     [new Date(2016,4,16), 177], 
 
     [new Date(2016,4,19), 178], 
 
     [new Date(2016,5,12), 179], 
 
     [new Date(2016,5,16), 180], 
 
     [new Date(2016,5,19), 181], 
 
     [new Date(2016,6,12), 190], 
 
     [new Date(2016,6,16), 192], 
 
     [new Date(2016,6,19), 196], 
 
     [new Date(2016,6,24), 192], 
 
     [new Date(2016,7,12), 190], 
 
     [new Date(2016,7,16), 192], 
 
     [new Date(2016,7,19), 196] 
 
    ]); 
 

 
    var tickMarks = []; 
 

 
    //add first 
 
    tickMarks.push(data.getValue(0, 0)); 
 

 
    //add last 
 
    tickMarks.push(data.getValue(data.getNumberOfRows() - 1, 0)); 
 

 
    var chart = new google.visualization.AreaChart(document.getElementById('chart_div')); 
 
    chart.draw(data, { 
 
     hAxis: { 
 
     format: 'M/d/yy', 
 
     ticks: tickMarks 
 
     } 
 
    }); 
 
    }, 
 
    packages: ['corechart'] 
 
});

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