2013-12-10 4 views
2

Я принял этот код со своего официального сайта.Google Motion Chart не работает

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load('visualization', '1', {'packages':['motionchart']}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Fruit'); 
     data.addColumn('date', 'Date'); 
     data.addColumn('number', 'Sales'); 
     data.addColumn('number', 'Expenses'); 
     data.addColumn('string', 'Location'); 
     data.addRows([ 
      ['Apples', new Date (1988,0,1), 1000, 300, 'East'], 
      ['Oranges', new Date (1988,0,1), 1150, 200, 'West'], 
      ['Bananas', new Date (1988,0,1), 300, 250, 'West'], 
      ['Apples', new Date (1989,6,1), 1200, 400, 'East'], 
      ['Oranges', new Date (1989,6,1), 750, 150, 'West'], 
      ['Bananas', new Date (1989,6,1), 788, 617, 'West'] 
     ]); 
     var chart = new google.visualization.MotionChart(document.getElementById('chart_div')); 
     chart.draw(data, {width: 600, height:300}); 
     } 
    </script> 
    </head> 

    <body> 
    <div id="chart_div" style="width: 600px; height: 300px;"></div> 
    </body> 
</html> 

Когда я запускаю код, ничего не появляется. Что может быть проблемой? Я использую Chrome.

+0

Это работает для меня. Попробуйте просмотреть страницу с помощью MAMP или другого локального менеджера сайтов. – APAD1

+0

не работает: S это так странно !! –

+0

У вас есть что-нибудь в консоли? –

ответ

1

Я мог бы исправить это.

Проблема была у меня были эти строки в заголовке:

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization', 'version':'1','packages':['timeline']}]}"></script> 

И тогда ява скрипт выполняет google.load ('визуализации', '1', { 'пакетов': [ ''] motionchart });

Кажется, этот «двойной нагрузкой» проблема

я удалил первую строку, и она работала

Смежные вопросы