みんなおはよう!
今朝、アプリケーションに Google ビジュアライゼーション モーション チャートを追加したところ、問題が発生しました。しかし、ほとんどのものと同様に、クロスブラウザに準拠していません. FF3 では問題なく動作しますが、Safari と IE 7 ではエラー コンソールに次のように表示されます。
なぜそれが起こっているのか、コードで何を変更できるのかわかりません。これが私が使用しているコードのスニペットです。お手伝いありがとう!
<div id="NRG-motion-chart" style="width: 625; height: 625px;"></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {'packages':['motionchart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var nrgChart = new google.visualization.DataTable();
nrgChart.addColumn('string', 'Business Unit');
nrgChart.addColumn('date', 'Date');
nrgChart.addColumn('number', 'Sales');
nrgChart.addColumn('number', 'Covers');
nrgChart.addColumn('number', 'Sales Per Man Hour');
nrgChart.addColumn('number', 'Labor Hours Per Cover');
nrgChart.addColumn('string', 'Location');
nrgChart.addRows([<?= $gData['gData']; ?> ]);
var chart = new google.visualization.MotionChart(document.getElementById('NRG-motion-chart'));
chart.draw(nrgChart, {width: 625, height:625});
}
</script>