загрузка диаграмм Google в нефрите - PullRequest
Новая
       14

загрузка диаграмм Google в нефрите

1 голос
/ 03 апреля 2012

Я пытаюсь загрузить аннотированную диаграмму Google, используя нефрит, но не могу отобразить диаграмму.Я смог загрузить круговую диаграмму, но не смог загрузить диаграмму, для которой необходимо явно указать размер элемента контейнера.

Пример из Google http://code.google.com/apis/chart/interactive/docs/gallery/annotatedtimeline.html

переведено в нефрит (мой код) 

head
  script(src='http://www.google.com/jsapi')
  script
    google.load('visualization', '1', {'packages':['annotatedtimeline']});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
      var data = new google.visualization.DataTable();
      data.addColumn('date', 'Date');
      data.addColumn('number', 'Sold Pencils');
      data.addColumn('string', 'title1');
      data.addColumn('string', 'text1');
      data.addColumn('number', 'Sold Pens');
      data.addColumn('string', 'title2');
      data.addColumn('string', 'text2');
      data.addRows([
      [new Date(2008, 1 ,1), 30000, undefined, undefined, 40645, undefined, undefined],
      [new Date(2008, 1 ,2), 14045, undefined, undefined, 20374, undefined, undefined],
      [new Date(2008, 1 ,3), 55022, undefined, undefined, 50766, undefined, undefined],
      [new Date(2008, 1 ,4), 75284, undefined, undefined, 14334, 'Out of Stock','Ran out of stock on pens at 4pm'],
      [new Date(2008, 1 ,5), 41476, 'Bought Pens','Bought 200k pens', 66467, undefined, undefined],
      [new Date(2008, 1 ,6), 33322, undefined, undefined, 39463, undefined, undefined]
      ]);
    }
    var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
    chart.draw(data, {displayAnnotations: true});
  body
    a(href='/') Index
    p
    #chart_div

* и мой css (загружен через файл express layout.jade, обратите внимание на синий фон для загрузки chart_div) *

body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

#chart_div {
    background-color: #00B7FF;
    width: 700px;
    height: 240px;
}

1 Ответ

0 голосов
/ 03 апреля 2012

Похоже, это была просто проблема закрытия моей функции построения графиков на ранних этапах.

}} после добавления данных должно быть после chart.draw вместо

...