Как отобразить значения массива PHP в Google Charts на основе JS?

Question

Как отобразить значения массива PHP в Google Charts на основе JS?

0

В документации диаграмм используется следующий пример:

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Toppings');
    data.addColumn('number', 'Slices');
    data.addRows([
      ['Cheese', 3],
      ['Onions', 1],
      ['Olives', 1],
      ['Zucchini', 1],
      ['Pepperoni', 2]
    ]);

Я строю свою диаграмму Google следующим образом:

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Standing');
    data.addColumn('number', 'Students');
    data.addRows([
      [<?= $users[0]->COLLEGE; ?>, <?= $users[0]->HEADCOUNT; ?>],
    ]);

Но график не печатается. Как я могу использовать содержимое массива PHP для заполнения диаграммы?

KinsDotNet 07 нояб. 2014, в 23:02

Источник

Теги:

php

javascript

google-visualization

1 ответ

Ещё вопросы

Lorenz · Accepted Answer · 2014-11-07T18-53-00.000Z

Ваш код не добавляет кавычки к результирующим значениям JavaScript (и вы не избегаете их). PHP json_encode имеет возможность создавать допустимые значения JavaScript из строк PHP и обрабатывать все кавычки и ускользать для вас, поэтому просто используйте это:

 var data = new google.visualization.DataTable();
    data.addColumn('string', 'Standing');
    data.addColumn('number', 'Students');
    data.addRows([
      [<?= json_encode($users[0]->COLLEGE); ?>, <?= json_encode($users[0]->HEADCOUNT, JSON_NUMERIC_CHECK); ?>],
    ]);

Это должно также предотвратить целую кучу XSS и других неприятных атак с инъекциями кода и справиться с экранированием.

Это не работает Диаграмма не отображается вообще.
Я сделал опечатку в последней функции json_encode
Я видел это, но даже исправил, он не отображает график.
Можете ли вы показать полученный Javascript из сценария? И попробуйте запустить мою версию с запятой, вам не нужно ее удалять.
Я вижу «Uncaught Error: несоответствие типов. Значение 0.1 не соответствует номеру типа в столбце index 1» в консоли. Ничего не отображается на странице вообще
Можете ли вы показать полученный исходный код HTML?
gist.github.com/pnc89/dfd7581ec6d825c25ecd Похоже, что данные выводятся правильно, но я не знаю, почему он до сих пор не строит диаграмму.
Это потому, что json_encode отображает его в виде строки с кавычками. Как я могу это исправить?
дополнительный JSON_NUMERIC_CHECK сделал свое дело.