デモを動かすEpochのリアルタイムチャートのドキュメントページ見ただけだと情弱の私には分からなかった。それなので、デモを動かします。次の様なリアルタイムチャートを描画したいと思います。必須のライブラリを読み込みます。src="/javascripts/epoch.min.js"></script>次に、データ取得部分がわからなかったので、ドキュメントページのHTMLを見るとたったこれだけの記述。chart.push(data.next());});</script>========================newしてるRealTimeDataってなんじゃい!と思ったら、html丈夫のdata.jsに書いてありました。このjsも持ってきて読み込みます。src="/javascripts/data.js"></script>はい、これで動きました。jsの読み込みとか間違って無ければ、短いhtml書くだけで大丈夫なはず。描画に必要な処理をザックリ理解するデモを動かすところまでに出てきたメソッドの意味などを一応確認します。※デモではdata.jsの部分divにidふって描画領域の確保$().epochメソッドで初期化pushメソッドでデータ追加setIntervalで定期処理実施このくらいですね。nodejs+websocketに応用する前回の記事「Xivelyみたいに投げられた値をリアルタイム描画してみたい」を目指していたので、投げられた値をそのまま描画したかったのです。websocketならnodejsの評判が良さそうなのでnodejsをテストしてました。「D3.jsベースのEpochを使ってリアルタイムチャートを描いてみる」のページがまさにそれで、詳しく書いてあります。以下、私がやったメモ。・socket.io使う準備ここ、このやり方で正しいのか分からんけど、www/binでserverオブジェクト作ってて、socket.ioのオブジェクト欲しくて、ただ、別のファイルでsocket.ioのオブジェクト使いたかったのでグローバルにした。グローバル変数あんまり使いたくないんだけど、本当はどうやるのがいいんだろ。require("socket.io").listen(server);======・app.jsにfeedsっていうエンドポイント追加。require('./routes/feeds');======・そんで、feeds.jsってファイル作って、websocketで接続できるようにした。router;=====サーバサイドここまで。クライアントサイドのは、デモで作ったリアルタイムチャートのコードをベースにする。変更部分は、ランダムでデータ出力していた部分をサーバから受け取った値を表示するようにすること。currentValueというグローバル変数を用意して、この値を変更、描画するように改造する。・websocketの部分はこんな感じ。d.value;});======・グラフ描画部分はこんな感じ。1000);chart.push(data.next(currentValue));});======・あとは、data.nextで受け取った値を描画するようにすればOK!epoch君、これからよろしく。