ピースペース

angular-chart.js

leave a comment »

MVC5サイトのAngularJs(2じゃないやつ)なSPAページにchart.jsでグラフを表示しよう!
どうやって?
MVC5なプロジェクトでAngularJsなSPAする準備はできてるものとして、
そのSPAページでchart.jsのグラフをホストする方法を探してみる。

http://ngmodules.org/tags/chart
に、Chart.JSを使用するAngularのModuleがいくつか見つかる。
どれ?を迷うが、更新が新しそうな↓を選ぶ
http://jtblin.github.io/angular-chart.js/

Angularもchart.jsも初めてで手間取った。
Chart.jsには一応Documentもあるが、読んでもどうすればいいの?がわからなくて、
代わりに、豊富にあるサンプルをクリックして表示してみるのが良かった。
angular-chart.jsの方は、説明書もなくてSampleだけ;
最初はなにがなんだかわからない。が、そのうち使い方が見えてくるようになる。
なんとか、体重推移グラフが表示できるようになった。

ss-chart

Written by nasu38yen

2016年10月27日 @ 5:55 PM

カテゴリー: .NET, プログラム

Tagged with

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。