7

Tôi có biểu đồ đơn giản (mặc dù có nhiều dữ liệu) hiển thị tốt trong chrome nhưng không hiển thị trong IE hoặc Firefox. Vì tôi không biết nhiều về phát triển web, tôi không biết làm thế nào để tìm ra những gì đang xảy ra.Biểu đồ Google: Biểu đồ đường: Không hiển thị trong IE và Firefox nhưng hoạt động trong chrome

Ai đó có thể giúp tôi tìm ra điều gì không đúng và có thể giải thích cách họ tìm ra?

<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> 
+0

Đây là một jsFiddle: http://jsfiddle.net/Steve_Wellens/zMfFD/ –

Trả lời

10

Cố gắng thay đổi "-" thành "/"

ví dụ [new Date('2012-03-27 08:25:00'), 73,67,67,71] để

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

làm việc trên IE9 của tôi. :)

+0

Vậy, liệu đây có phải là một ngoại lệ hay gì đó? – XenoPuTtSs

+0

Không, chỉ là một lần truy cập và thử nghiệm đơn giản. ;) –

+0

Vâng, cảm ơn sự giúp đỡ của bạn. – XenoPuTtSs

0

Từ tài liệu: Cảnh báo: Bạn không thể tải cả các gói linechart và corechart cùng một lúc trên cùng một trang.

Vì vậy, sử dụng dòng này: google.load("visualization", "1", {packages:["linechart"]});

Dưới đây là một jsFiddle làm việc:

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

+0

chính xác. Tôi chỉ tải corechart. Mã cho điều này (ngoại trừ logic ngày) được lấy trực tiếp từ ví dụ biểu đồ đường googles. – XenoPuTtSs

Các vấn đề liên quan