Как передать целочисленные переменные из PHP в API Google Chart Javascript?

Question

Как передать целочисленные переменные из PHP в API Google Chart Javascript?

0

У меня есть следующий код:

<html><head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Polarity', 'Percentage'],
      ['positive',     0],
      ['negative',      0],
      ['neutral',  0]

    ]);

    var options = {
      title: 'Sentiment Chart',
      is3D: true,
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }
</script>
</head>

<body>

<?php

$positive = 20;
$negative = 30;
$neutral = 50;

echo "<div id=\"piechart\" style=\"width: 900px; height: 500px;\"></div>";
?>

</body>
</html>

Это круговая диаграмма Google. Как передать переменные PHP $ положительные, $ отрицательные и $ нейтральные для "позитивных", "негативных" и "нейтральных" меток на диаграмме, чтобы они отображали свои значения 20%, 30% и 50% соответственно на диаграмма?

Я искал SO, но не нашел простой подход.

modarwish 18 нояб. 2014, в 12:19

Источник

0

Я думаю, что это ответит на ваш вопрос. stackoverflow.com/questions/23740548/...
Pascal 18 нояб. 2014, в 10:48

Теги:

php

javascript

charts

3 ответа

1

Просто выведите их на нужное место:

<?php echo $negative; ?>

В вашем случае возможно что-то вроде этого:

<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Polarity', 'Percentage'],
      ['positive',     <?php echo $positive; ?>],
      ['negative',      <?php echo $negative; ?>],
      ['neutral',  <?php echo $neutral; ?>]

    ]);

    var options = {
      title: 'Sentiment Chart',
      is3D: true,
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }
</script>

user50992 18 нояб. 2014, в 09:07

0

Благодарю. Я попробовал это, хотя, и когда я сделал это, диаграмма не рендерилась бы вообще по некоторой причине ..
modarwish 18 нояб. 2014, в 10:53

0

Загрузив PHP раньше и откройте теги внутри кода:

    <?php

    $positive = 20;
    $negative = 30;
    $neutral = 50;

    ?>

<html><head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Polarity', 'Percentage'],
          ['positive',     <?php echo $positive; ?>],
          ['negative',      <?php echo $negative; ?>],
          ['neutral',  <?php echo $neutral; ?>]

        ]);

        var options = {
          title: 'Sentiment Chart',
          is3D: true,
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>
    </head>

    <body>

    <div id=\"piechart\" style=\"width: 900px; height: 500px;\"></div>

    </body>
    </html>

nunorbatista 18 нояб. 2014, в 09:42

Ещё вопросы

Я думаю, что это ответит на ваш вопрос. stackoverflow.com/questions/23740548/...
Благодарю. Я попробовал это, хотя, и когда я сделал это, диаграмма не рендерилась бы вообще по некоторой причине ..

alphawow · Accepted Answer · 2014-11-18T09-33-00.000Z

Поместите ваш php вверху вашего документа перед любым другим кодом, а затем замените его на javascript следующим образом:

 var data = google.visualization.arrayToDataTable([
  ['Polarity', 'Percentage'],
  ['positive',     <?php echo $positive ?>],
  ['negative',      <?php echo $negative ?>],
  ['neutral',  <?php echo $neutral ?>]

]);