Question

我想创建一个包含x轴日期值的Flot图。我不想手动编写日期值，因此我将它们存储在数据库中，如TIMESTAMP值。与数据库的连接如下：

<?php
  $pdo = new PDO('mysql:host=example.com; dbname=database', 'user', 'password')
?>

javascript代码如下：

        var graphData = [ {
        // first graphic
        data: [ [(new Date("2006-06-12 19:13:37")).getTime(), 600], [(new Date("2006-06-21 19:13:37")).getTime(), 550], [(new Date("2006-07-1 19:13:37")).getTime(), 600]],
        color: '#77b7c5',
        points: { radius: 4, fillColor: '#77b7c5' }
    }, {
        //the second graphic
        data: [[(new Date("2006-06-11 19:13:37")).getTime(), 3210.196] , [(new Date("2006-07-3 19:13:37")).getTime(), 3310.196], [(new Date("2006-07-23 19:13:37")).getTime(),3875.422]],
        color: 'red'
    }       
];

我想直接从我的数据库获取这些日期值，并创建我使用JavaScript的图形。我知道在php中使用数据库更安全，我不知道如何使用数据库中的值显示flot图形。有什么想法吗？

如何使用JavaScript创建包含数据库值的Flot图？

0 个答案: