php - JavaScript を使用して、データベースからの値で Flot グラフを作成するにはどうすればよいですか?

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グラフィックを表示する方法がわかりません。何か案は？