Google LineChart не будет рисовать

У меня есть следующий javascript для LineChart, который проверяется с помощью JSHint, но отказывается отображаться:

// Load the LineChart charting package
google.load("visualization", "1", {
  packages: ["corechart", "line", "LineChart"]
});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

// Callback that creates and populates a data table,
// instantiates the line chart, passes in the data and
// draws it.
function drawChart() {
  var data = google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addColumn('number', 'Sales');
  data.addrows([
    [new Date(2015, 2, 30), 419.5],
    [new Date(2015, 2, 31), 497.51],
    [new Date(2015, 3, 1), 1465.85],
    [new Date(2015, 3, 2), 2594.71],
    [new Date(2015, 3, 4), 2620.7],
    [new Date(2015, 3, 5), 3189.86],
    [new Date(2015, 3, 6), 4172.96],
    [new Date(2015, 3, 7), 4332.96],
    [new Date(2015, 3, 8), 4653.03],
    [new Date(2015, 3, 9), 4678.98],
    [new Date(2015, 3, 12), 5626.48],
    [new Date(2015, 3, 13), 9779.28],
    [new Date(2015, 3, 14), 10428.3],
    [new Date(2015, 3, 15), 10647.18],
    [new Date(2015, 3, 17), 10815.58],
    [new Date(2015, 3, 20), 11471.58],
    [new Date(2015, 3, 21), 11875.57],
    [new Date(2015, 3, 22), 12052.07],
    [new Date(2015, 3, 23), 13461.14],
    [new Date(2015, 3, 24), 14072.78],
    [new Date(2015, 3, 25), 14199.78],
    [new Date(2015, 3, 27), 14320.28],
    [new Date(2015, 4, 27), 100000]
  ]);
  var options = {};
  // Instantiate and draw our chart, passing in some options.
  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['corechart', 'timeline','LineChart']}]}">
</script>
<div id="chart_div"></div>

Итак, что я делаю неправильно? Я пробовал несколько методов построения даты, включая:

    [new Date('2015-3-30'), 419.5],

javascript google-visualization pygooglechart
person Oh My - That Worked    schedule 28.04.2015    source источник
comment
Вы смотрели консоль на наличие ошибок? Когда я попытался запустить его, он сказал, что вам нужно использовать ключевое слово new. Когда я добавил, он сказал, что пытается вызвать неопределенную функцию, потому что вы вызываете getrows вместо getRows.   -  person redbmk    schedule 28.04.2015
comment
Ой, сделайте это addrows против addRows. Теперь я получаю сообщение об ошибке You called the draw() method with the wrong type of data rather than a DataTable or DataView. Пока не уверен, почему   -  person redbmk    schedule 28.04.2015
comment
@redbmk, спасибо за оба ваших комментария!!! Исправление обеих проблем, на которые вы так метко указали, решило проблему. Я новичок на этом форуме и не знаю, как пометить этот вопрос как отвеченный, но это так.   -  person Oh My - That Worked    schedule 29.04.2015
comment
Я добавил ответ, чтобы вы могли его принять. Как вы исправили другую ошибку, связанную с неправильным типом данных? Или вы этого не поняли, когда пробовали на своей машине?   -  person redbmk    schedule 29.04.2015

Ответы (1)


arrow_upward
0
arrow_downward

Похоже, вы пропустили ключевое слово new перед созданием экземпляра DataTable, что можно увидеть как сообщение об ошибке в консоли. Также есть опечатка при добавлении строк. Должно быть addRows вместо addrows.

Попробуйте изменить

var data = google.visualization.DataTable();
  // ...
data.addrows([
  // ...

to 

var data = new google.visualization.DataTable();
  // ...
data.addRows([
  // ...
person redbmk    schedule 29.04.2015