谷歌圖表：折線圖：不顯示在IE和Firefox中，但在鉻中工作

我有一個簡單的圖表（雖然有很多數據），但在IE或Firefox中無法呈現，但在Chrome中呈現良好。由於我對Web開發瞭解不多，所以我不知道如何弄清楚發生了什麼問題。谷歌圖表：折線圖：不顯示在IE和Firefox中，但在鉻中工作

有人能幫我弄清楚什麼是錯的，也許可以解釋他們是怎麼想出來的？

<html> 
<head> 
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawChart); 
    function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('datetime', 'Time'); 
     data.addColumn('number', 'Amelias Room'); 
     data.addColumn('number', 'board1'); 
     data.addColumn('number', 'board2'); 
     data.addColumn('number', 'Emersons Room'); 
     data.addRows([ 
      [new Date('2012-03-27 08:25:00'), 73,67,67,71], 
      [new Date('2012-03-27 08:26:00'), 73,67,67,71], 
      [new Date('2012-03-27 08:27:00'), 73,67,67,71], 
      [new Date('2012-03-27 08:28:00'), 74,67,67,71], 
      [new Date('2012-03-27 08:29:00'), 74,67,67,71], 
      [new Date('2012-03-27 08:30:00'), 75,67,67,71], 
      [new Date('2012-03-27 08:31:00'), 75,67,67,71], 
      [new Date('2012-03-27 08:32:00'), 74,67,67,71], 
      [new Date('2012-03-27 08:33:00'), 74,67,67,71], 
      [new Date('2012-03-27 08:34:00'), 73,67,67,71], 
      [new Date('2012-03-29 08:19:00'), 70.2244318181818,68.39375,67.8772727272728,71.0528409090909], 
      [new Date('2012-03-29 08:20:00'), 70.1732954545455,68.45,67.8777173913044,71.0323863636363], 
      [new Date('2012-03-29 08:21:00'), 70.1426136363637,68.4448863636364,67.83125,70.9607954545454], 
      [new Date('2012-03-29 08:22:00'), 70.1375,68.3426136363637,67.775,70.9352272727273] 
     ]); 
    var options = { 
    title: 'Temp Readings'  
    }; 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
} 
</script> 
</head> 
<body> 
<div id="chart_div" style="width: 1024px; height: 768px;"></div> 
</body> 
</html>

來源

2012-03-29 XenoPuTtSs

這裏是一個jsFiddle：http://jsfiddle.net/Steve_Wellens/zMfFD/ – 2012-03-29 13:05:06

嘗試改變「 - 」到「/」

例如[new Date('2012-03-27 08:25:00'), 73,67,67,71] 到

[new Date('2012/03/27 08:25:00'), 73,67,67,71]

工作在我的IE9。 :)

來源

2012-03-29 13:20:04

那麼，這是否是一個例外或什麼？ – XenoPuTtSs 2012-03-29 13:34:44

不，只是一個簡單的命中和審判。 ;） – 2012-03-29 13:38:24

恩，謝謝你的幫助。 – XenoPuTtSs 2012-03-29 13:56:03

從文檔：警告：無法在同一頁面上同時加載linechart和corechart軟件包。

所以使用這行：google.load("visualization", "1", {packages:["linechart"]});

這裏有一個工作的jsfiddle：

http://jsfiddle.net/Steve_Wellens/X3UsB/

來源

2012-03-29 13:09:11

正確。我只加載corechart。這個代碼（日期邏輯除外）直接來自谷歌折線圖例子。 – XenoPuTtSs 2012-03-29 13:55:19

谷歌圖表：折線圖：不顯示在IE和Firefox中，但在鉻中工作

回答

相關問題