javascript - 如何使用 php 在我的网页中使用动态数据绘制和显示图形

Question

我有一个项目，我想在其中显示用户每天利润的图表。

这里我有代码，其中使用静态数据在我的页面中显示图形。

<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([
          ['day', 'profit' ],
          ['1',  10000],
          ['2',  10200],
          ['3',  9100],
          ['4',  9500]
        ]);

        var options = {
          title: 'Company Performance'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>

现在，我想从 mysql 的数据库中获取利润和日数数据，并使用该数据绘制图表。

有什么方法可以使用 php 使其动态化吗？谢谢你的帮助..

Answer 1

简单的答案:使用 php 将变量写入现有的 javascript，即

<?php
echo '<script type="text/javascript">';

// get 'myvalue' from database...

echo "var myvalue=".$myvalue.";";
echo '</script>'
?>
... rest of page including your javascript

如果您希望它更加动态，请使用 php 读取数据库并以 JSON 格式写入数据，然后通过 javascript 进行 xmlHTTPrequest。