Google图表 - 时间轴 - 显示所有时间而不是每2小时一次

时间:2018-05-02 01:48:01

标签: charts google-visualization

我有一个非常简单的问题,我很难找到:

而不是 enter image description here

我想要这个: enter image description here

问题是谷歌图表会根据屏幕大小调整大小。但我想在小屏幕上显示所有时间。

我还想在几小时之间每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/

0 个答案:

没有答案