如何在Google时间线图表中突出显示当前日期?

时间:2016-08-09 13:46:00

标签: charts timeline

我有一个谷歌时间表图表。我需要突出显示当前日期通过的块。我该如何实现这些东西?这是我的代码。她需要强调的是F' F'通过当前日期的时间表。

function drawChart() {
          var container = document.getElementById('Gateways');
          var chart = new google.visualization.Timeline(container);
          var dataTable = new google.visualization.DataTable();
          dataTable.addColumn({ type: 'string', id: 'Room' });
          dataTable.addColumn({ type: 'string', id: 'Name' });
          dataTable.addColumn({ type: 'date', id: 'Start' });
          dataTable.addColumn({ type: 'date', id: 'End' });
          dataTable.addRows([
            [ '1', 'A', new Date(2011, 3, 30), new Date(2012, 2, 4) ],
            [ '1', 'B', new Date(2012, 2, 4),  new Date(2013, 3, 30) ],
            [ '1', 'C', new Date(2013, 3, 30), new Date(2014, 2, 4) ],
            [ '1', 'D', new Date(2014, 2, 4),  new Date(2015, 2, 4) ],
            [ '1', 'E', new Date(2015, 3, 30), new Date(2016, 2, 4) ],
            [ '1', 'F', new Date(2016, 2, 4),  new Date(2017, 2, 4) ],
            [ '1', 'G', new Date(2017, 2, 4),  new Date(2018, 2, 4) ],
            [ '1', 'H', new Date(2018, 2, 4),  new Date(2019, 2, 4) ],
            [ '1', 'I', new Date(2019, 2, 4),  new Date(2020, 2, 4) ],
            [ '1', 'J', new Date(2020, 2, 4),  new Date(2021, 2, 4) ]]);

          var options = {
            timeline: { showRowLabels: false },
            avoidOverlappingGridLines: false
          };

          chart.draw(dataTable, options);
        }

0 个答案:

没有答案