«Не удается прочитать свойство DataTable» из неопределенного »Внедрение Google Chart в мой проект SAPUI5 - PullRequest
Новая
       12

«Не удается прочитать свойство DataTable» из неопределенного »Внедрение Google Chart в мой проект SAPUI5

0 голосов
/ 30 ноября 2018

Я пытаюсь реализовать диаграмму календаря из библиотеки диаграмм Google https://developers.google.com/chart/interactive/docs/gallery/calendar

Однако, когда я пытаюсь ее реализовать, я получаю сообщение об ошибке «Невозможно прочитать свойство DataTable» неопределенного'

После тщательной отладки я обнаружил, что сама библиотека загружается, поскольку я могу использовать определенный код Google, однако при вызове функции диаграммы отсутствует файл с именем library-preload.js.

'не удалось загрузить' lib / googleChart / library-preload '(не удалось загрузить' lib / googleChart / library-preload.js 'из /webapp/lib/googleChart/library-preload.js:' У меня естьперепробовал несколько способов реализации библиотеки только на тот случай, если возникла такая проблема, как реализация библиотеки через HTML и в файл manifest.json, однако я все еще получаю ту же ошибку.

Большое спасибо.

Прилагается, как указано;

  • код, в который загружается библиотека.

  • Init

  • функция, вызываемая для загрузки графика (строка 3где я получаю сообщение об ошибке - «Не удается прочитать свойство« DataTable »из неопределенного»)

  • Снимок экрана каталога библиотеки

  • Снимок экрана ошибкив отладчике

    sap.ui.getCore (). loadLibrary ("lib.googleChart", "/ webapp / lib / googleChart /"); 

        onInit: function () {

google.charts.load("current", {packages:["calendar"]}); 
google.charts.setOnLoadCallback(this.drawChart()); 

},





   drawChart: function() {
      debugger;
   var dataTable = new google.visualization.DataTable();
   dataTable.addColumn({ type: 'date', id: 'Date' });
   dataTable.addColumn({ type: 'number', id: 'Won/Loss' });
   dataTable.addRows([
      [ new Date(2012, 3, 13), 37032 ],
      [ new Date(2012, 3, 14), 38024 ],
      [ new Date(2012, 3, 15), 38024 ],
      [ new Date(2012, 3, 16), 38108 ],
      [ new Date(2012, 3, 17), 38229 ],
      // Many rows omitted for brevity.
      [ new Date(2013, 9, 4), 38177 ],
      [ new Date(2013, 9, 5), 38705 ],
      [ new Date(2013, 9, 12), 38210 ],
      [ new Date(2013, 9, 13), 38029 ],
      [ new Date(2013, 9, 19), 38823 ],
      [ new Date(2013, 9, 23), 38345 ],
      [ new Date(2013, 9, 24), 38436 ],
      [ new Date(2013, 9, 30), 38447 ]
    ]);
   var calender = this.getView().byId("calenderChart");
   //var chart = new google.visualization.Calendar(calender);
   var options = {
     title: "Red Sox Attendance",
     height: 350,
   };

   chart.draw(dataTable, options);

    },

Снимок экрана каталога библиотеки

Снимок экрана ошибки в отладчике

...