Question

我正在使用谷歌“时间轴”可视化，并与IE9有问题。以下时间表在谷歌浏览器中看起来很棒，但只要我在IE9中打开.html;

“持续时间”计算完全错误（第一次为1905年，其他3行为1907年）。
组名从图表左侧消失。
如果我在时间轴上有很多行，它根本不会渲染，即行数超过图表的高度。

还有其他人使用过“时间轴”吗？

由于乔纳森

google.load('visualization', '1', {packages: ['timeline']});
    google.setOnLoadCallback(drawTimeline2);

function drawTimeline2() {
  var container = document.getElementById('timeline_div_2');

  var chart = new google.visualization.Timeline(container);

  var dataTable = new google.visualization.DataTable();

  dataTable.addColumn({ type: 'string', id: 'Name' });
  dataTable.addColumn({ type: 'string', id: 'Opted In/Out' });
  dataTable.addColumn({ type: 'date', id: 'Start' });
  dataTable.addColumn({ type: 'date', id: 'End' });

dataTable.addRows([[null,null,null,null]
                        ,['Joe Bloggs','Not Opted Out', new Date(1995, 10, 28), new Date(2000, 10, 28) ]
                          ,['Jane Bloggs','Not Opted Out', new Date(1993, 10, 28), new Date(2000, 10, 28) ]
                          ,['Elvis Pesley','Not Opted Out', new Date(1993, 10, 28), new Date(2000, 10, 28) ]
                          ,['Oliver Twist','Not Opted Out', new Date(1993, 10, 28), new Date(2000, 10, 28) ]
                          ]);

  var options = {
    width: 800,
    height: 400,
    timeline: { rowLabelStyle: {fontName: 'Calibri', fontSize: 11 },
                barLabelStyle: { fontName: 'Calibri', fontSize: 11 } }
  };

  dataTable.removeRow(0);
  chart.draw(dataTable, options);
}

谷歌＆＃34;时间表＆＃34; ie9中的可视化错误

0 个答案: