Google Charts [Timeline] - минимальный и максимальный диапазон дат (hAxis) - PullRequest
Новая
       23

Google Charts [Timeline] - минимальный и максимальный диапазон дат (hAxis)

1 голос
/ 20 февраля 2020

Я хотел бы установить мин и макс. диапазон дат, я использовал ViewWindowMode на hAxis, но он не работает. Как я могу ограничить диапазон дат X между 2.2.2020 и 25.2.2020. 

<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load("current", {packages:["timeline"], language: 'sl-SI'});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('example5.1');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Stroj' });
dataTable.addColumn({ type: 'string', id: 'Nalog' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addRows([
['Stroj1','10 - Material1', new Date(2020, 1, 7, 3, 0), new Date(2020, 8, 24, 7, 0)],
['Stroj2','18 - Material2', new Date(2020, 2, 11, 14, 0), new Date(2020, 2, 14, 9, 0)],
['Stroj3','17 - Material3', new Date(2020, 2, 13, 15, 0), new Date(2020, 2, 26, 3, 0)],

]);


var options = {

hAxis: {
ViewWindowMode: 'explicit',
            viewWindow: {
			 min: new Date(2020, 02, 02, 23, 00),
               max: new Date(2020, 02, 25, 00, 00)
               
            },
format: 'dd. MM. yyyy | HH:mm'
}
}

chart.draw(dataTable, options);
  alert('Min ViewWindow: ' + chart.getOption('hAxis.viewWindow.min') + ', Max: ' + chart.getOption('hAxis.viewWindow.max'));
}
</script>

</head>
<body>
<div id="example5.1" style="height: 500px;"></div>
</body>
</html>

Заранее спасибо за помощь!

...