javascript - 来自 PHP 的流程图

Question

我正在尝试使用数据库中的值绘制流程图。我现在的情况是，图表仅绘制 1 个数据点。我怎样才能让它绘制数组中的其余数据？我正在尝试绘制每个日期输入的代理总数。 var data2 将用于丢失的代理

<?php

      foreach($mysqli->query('SELECT COUNT(*), agent_date_entered, agent_id 
      FROM agents GROUP BY agent_date_entered 
      ORDER BY agent_date_entered') as $row) {

        $count[] = $row['COUNT(*)'];
        $agent[] = $row['agent_id'];
        $date[] = $row['agent_date_entered'];

      }
?>

<script>
    var data, data1, options, chart;
    var data1 = [ <?php echo json_encode($count); ? > , < ? php echo json_encode($date); ?> ];
    var data2 = [];

    data = [{
        data: data1,
        label: "Agents Gained",
        lines: {
            show: true
        },
        points: {
            show: true
        }
    }, {
        data: data2,
        label: "Agents Lost",
        lines: {
            show: true
        },
        points: {
            show: true
        }
    }];
    options = {
        legend: {
            position: "nw"
        }
    };
    $(document).ready(function () {
        chart = $.plot($("#placeholder"), data, options);
    });
</script>

Answer 1

您的数据格式不是 Flot 所要求的。你需要类似的东西

[[1, 1533081600000], [1, 1535932800000]]

(如果您想要 x 轴上的日期，则为 [[1533081600000, 1], [1535932800000, 1]])。
像 1535932800000 这样的数字是 JavaScript 时间戳。您还需要在带有日期/时间值的轴上使用选项mode: 'time'。

有关详细信息，请参阅 Data format 下的文档和 Time series data .