javascript - 使用 float 图表从数据库中检索数据

我正在尝试为Flot图表检索数据，但是我不知道过程如何进行。我创建了一个查询，对数据进行了分组，但不知道如何显示它们。

下面是代码！

           <h3 class="box-title">Area Chart</h3>
           <div class="box-body">
              <div class="chart">
                <canvas id="areaChart" style="height:300px"></canvas>
              </div>
            </div>

<?php
$dataset1 = array();
$sqlbar = mysql_query("SELECT level_apply AS level, COUNT(id) AS 'count' FROM application GROUP BY level");
while($row = mysql_fetch_assoc($sqlbar))
    {
        $dataset1[] = array (intval($row['level']),intval($row['count']));
    }
?>

    {{ HTML::script('/admin/assets/js/jquery-2.2.3.min.js') }}
<script>
  $(function () {
    var dataset1 = <?php echo json_encode($dataset1); ?>;
    $.plot($("#areaChart"), [dataset1]); });
</script>

最佳答案

如果您使用AJAX或将错误附加问题，这将是更好的方法，请参考此https://www.w3schools.com/jquery/jquery_ajax_get_post.asp