chartjs

AWS LambdaでChart.jsのグラフを画像出力できるかチャレンジ

結論から申しますと、できます。けど、めっちゃ面倒だったので備忘として残します。

なお、この記事を書いた時点(2019/07/07)での例となります。

参考にした資料は以下。

AWS Lambda上でnode-canvasを使ってグラフを描画する
https://tech.studyplus.co.jp/entry/2019/02/25/095548

node-canvas/Installa

もっとみる

Chart.jsを使って、Webアプリ内にグラフを描画する

簡単なデータを自前のWebアプリで表示したいというときに、いわゆるダッシュボード系のサービスだと難しそうということで、今回はChart.jsで描画してみました。やってみたことを記録として残しておきます。

Chart.jsはOSSのJavaScriptのライブラリで、CSS等のデザイン周りを気にせずに、データを投入するだけでグラフを作成することができます。
今回初めて利用しましたが「Simple

もっとみる

[vue.js] bitflyerFXのtickerをvue.js+websocket+chartjsでリアルタイム描画してみる

前回に引き続きHTMLファイル1つだけで動作するプログラムです。

サーバは必要ありません。

以下のプログラムをhtmlファイル1つにコピペして、ブラウザ(chrome推奨)で開くだけで動作します。

動作しているところの動画です。

プログラムは以下のようになっています。

もっとみる

[秒足くん] 秒スキャへの道(マウスクリックしたポイントの価格を取得する)

目次
・秒足くんのグラフ上でマウスクリックした点の価格を拾う
・課題

●秒足くんのグラフ上でマウスクリックした点の価格を拾う

先日公開させていただいています

今回は、このグラフ上の価格をプログラムで拾ってみたいと思います。

chartjsのonClickイベントを取得すれば、描画されているエレメント(描画対象)のオブジェクトを取得することは簡単ですが、秒足くんのようにパラパラとめまぐるしく

もっとみる

[秒足くん] 出来高+EMA追加版にボリンジャーバンドを追加する

目次
・秒足くん(出来高+EMA追加版)にボリンジャーバンドを追加
・最新版ソースコード

●秒足くん(出来高+EMA追加版)にボリンジャーバンドを追加

にボリンジャーバンドを追加してみました。
(期間5で、2σ)

OHLCと出来高とEMA3本とボリンジャーバンドが動作しているところです。

●最新版ソースコード

購入者様は、前述のnoteに追記してありますgitlabのURLより最新版のソ

もっとみる

bitflyerFX 5秒OHLC+出来高+EMA(9,12,21)+ボリンジャーバンド(期間5, 2σ)

ここまで高密度描画すると、描画は可能としても相当に「見辛い」ですねぇ。
サーバ部の負荷はそれほど高くないので、まだまだ行けそうです。(事実自宅のラズベリーパイ上で元気に動いています)
ただし、節操もなくソケットでデータを打ち込まれて100msec単位でリフレッシュされるブラウザのチャート部はかなり忙しそう。

[秒足くん] 出来高追加版にEMA(9,12,21)を追加する

目次
・秒足くん(出来高追加版)にEMAを追加
・表示上の問題点
・最新版ソースコード

●秒足くん(出来高追加版)にEMAを追加

にEMA(9,12,21)を追加してみました。

OHLCと出来高とEMA3本が動作しているところです。

●表示上の問題点

chartjsのOHLC描画部品は、OHLCを一番最初に描画する部品として設定しないと描画できませんでした。
そのため、EMAの3つの線が

もっとみる

[秒足くん] 初版にEMA(9,12,21)を追加する

目次
・秒足くんにEMAを追加
・表示上の問題点
・最新版ソースコード
・秒足くん(出来高追加版)には

●秒足くんにEMAを追加

にEMA(9,12,21)を追加してみました。

OHLCとEMA3本が動作しているところです。

●表示上の問題点

chartjsのOHLC描画部品は、OHLCを一番最初に描画する部品として設定しないと描画できませんでした。
そのため、EMAの3つの線がローソク

もっとみる

[秒足くん] bitflyerFXの5秒ローソク足と出来高をリアルタイム表示[改02]

目次
・動画
・ソースコード
・モジュール作成・実行
・インストールサポート依頼はコメントかtwitterでDMください

改訂01
・EMA(9,12,21)を追加しました。
・詳細はこちらを参照ください。
改訂02
・ボリンジャーバンド(期間5, 2σ)を追加しました。
・詳細はこちらを参照ください。

●動画

bitflyerFXの5秒ローソク足が動作しているところの動画です。

コミュで

もっとみる

「俺は、スキャ王になる!(ワンピース風)」…んな訳ないかぁ〜w

目次
・bitflyerFXの5秒ローソク足に出来高を追加
・公開に向けて

●bitflyerFXの5秒ローソク足「秒足くん」に出来高を追加

bitflyerFXの5秒ローソク足に出来高を一緒に描いた結果です。
結構まともな感じに見えます。

少なくとも私の所属するdiscordコミュニティには

おおうけ

でしたw

例えば

・出来高があると勢いがわかる
・秒オーダーの損切りも可能

もっとみる