Визуализация Google не работает? - PullRequest
Новая
       6

Визуализация Google не работает?

2 голосов
/ 25 октября 2011

У меня есть следующий код для рисования свечной визуализации.Но визуализация не генерируется.Я не могу отследить ошибку с помощью консоли ошибок !.

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load('visualization', '1', {packages: ['corechart']});

function drawVisualization() {
   // Populate the data table.
     var data = new google.visualization.DataTable();
      data.addColumn('string', 'Date');
      data.addColumn('number');
      data.addColumn('number');
      data.addColumn('number');
      data.addColumn('number');   
      data.setValue(0, 0,'Mon');
      data.setValue(0, 1, '2');
      data.setValue(0,2,'6');
      data.setValue(0,3,'8');
      data.setValue(0,4,'10');
      data.setValue(1, 0,'Mon');
      data.setValue(1, 1, '2');
      data.setValue(1,2,'6');
      data.setValue(1,3,'8');
      data.setValue(1,4,'10');
    // Draw the chart.
     var chart = new google.visualization.CandlestickChart(document.getElementById('visualization'));
    chart.draw(data, {legend:'none', width:600, height:400});
    }

google.setOnLoadCallback(drawVisualization);
  </script>

Любая помощь высоко ценится!Спасибо!

1 Ответ

2 голосов
/ 08 ноября 2011

Две проблемы:

1 - Вам нужно добавить строки в таблицу, прежде чем пытаться установить их значения.

2 - значения для индексов 1,2,3 и 4 должны быть числами, а не строками, поскольку столбцы 1,2,3,4 имеют числовой тип 

...
  // Populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Date');
  data.addColumn('number');
  data.addColumn('number');
  data.addColumn('number');
  data.addColumn('number');
  //Add new rows first
  data.addRow();
  data.addRow();
  data.setValue(0, 0, 'Mon');
  data.setValue(0, 1, 2);
  data.setValue(0, 2, 6);
  data.setValue(0, 3, 8);
  data.setValue(0, 4, 10);
  data.setValue(1, 0, 'Mon');
  data.setValue(1, 1, 2);
  data.setValue(1, 2, 6);
  data.setValue(1, 3, 8);
  data.setValue(1, 4, 10);
  // Draw the chart.
...

Вот рабочий пример

http://jsfiddle.net/WcKFf/2/

...