0
Ich habe 20000+ Datenpunkte des Formats [Datum, Nummer], tatsächliche Daten pro Stunde für die letzte Ladung von Monaten.Teil eines großen Datensatzes rendern - dragToPan
Ich möchte nur die letzten 28 Tage im Diagramm anzeigen, aber die Diagrammoption explorer.actions: ['dragToPan', 'rightClickToReset'] verwenden, um Daten älter als 28 Tage anzuzeigen.
Grundsätzlich möchte ich eine Teilmenge der Daten zeigen und dann zu älteren Daten scrollen.
Ist das überhaupt möglich? Kann jemand ein Beispiel dafür geben, wie es gemacht wurde?
google.charts.load('current', {
callback: function() {
var element = document.getElementById('#chart');
var data = google.visualization.arrayToDataTable([["Date","hits"],["2017-07-01",30],["2017-07-02",20],["2017-07-03",16],["2017-07-4",10],["2017-07-5",31],["2017-07-6",20],["2017-07-7",2],["2017-07-8",8],["2017-07-09",30],["2017-07-10",20],["2017-07-11",16],["2017-07-12",10],["2017-07-13",31],["2017-07-14",20],["2017-07-15",2],["2017-07-16",8]]);
var chart = new google.visualization.AreaChart(element);
var options = {
width: "100%",
height: "100%",
fontSize: 13,
animation: { duration: 1250, easing: 'out' },
legend: 'none',
chartArea: {
left: 40,
height: "80%",
width: "85%"
},
explorer: {
actions: ['dragToPan', 'rightClickToReset'],
axis: 'horizontal',
keepInBounds: false
},
hAxis: {
showTextEvery: 2,
textPosition: 'out',
format: 'dd MMM yy',
}
};
chart.draw(data, options);
},
packages:['corechart']
});