Google Charts - Timeline - Показывать все время вместо каждых 2 часов - PullRequest
Новая
       10

Google Charts - Timeline - Показывать все время вместо каждых 2 часов

0 голосов
/ 02 мая 2018

У меня очень простой вопрос, который я изо всех сил пытаюсь выяснить:

Вместо этого enter image description here

Я хочу это: enter image description here

Проблема в том, что Google Chart изменяет размеры в зависимости от размера экрана. Но я хочу показать все часы даже на маленьком экране.

Я также хочу добавить дополнительную строку каждые 15 минут между часами. Только линии, а не этикетка. Возможно ли это?

Вот мой код: 

google.charts.load('current', {'packages':['timeline']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
  var container = document.getElementById('timeline');
  var chart = new google.visualization.Timeline(container);
  var dataTable = new google.visualization.DataTable();

  dataTable.addColumn({ type: 'string', id: 'President' });
  dataTable.addColumn({ type: 'date', id: 'Start' });
  dataTable.addColumn({ type: 'date', id: 'End' });
  dataTable.addRows([
    [ 'Work', new Date(2018, 4, 25, 8, 30), new Date(2018, 4, 25, 17, 30) ],
    [ 'Rest', new Date(2018, 4, 25, 0, 0),  new Date(2018, 4, 25, 8, 30) ],
    [ 'Rest', new Date(2018, 4, 25, 17, 30),  new Date(2018, 4, 26, 0, 0) ]
  ]);

  chart.draw(dataTable, {

  });
}

https://jsfiddle.net/8xpkLe46/

...