【ASP.NET MVC】ASP.NET MVC でグラフを描画することを考える

ASP.NET MVC

ASP.NET MVC　でグラフを描画することを考える

 [1] .NET標準機能でグラフ描画する
   1-1) System.Web.Helpers 
   1-2) System.Web.UI.DataVisualization.Charing

 [2] JavaScriptライブラリでグラフ描画する(ライセンス絡みが複雑なので使用する際は注意)
   2-1) jQuery Visualize
   2-2) d3.js / c3.js
   2-3) jqPlot
   2-4) Google Chart Tools
   2-5) raphael.js

　など多数

 [3] その他 無償・有償ライブラリでグラフ描画する

[1] .NET標準機能でグラフ描画する

 * 以下の関連記事に簡単なサンプルを掲載
VB
http://blogs.yahoo.co.jp/dk521123/35414300.html

1-1) System.Web.Helpers

参考文献

http://tnakamura.hatenablog.com/entry/2015/01/13/system_web_helpers_chart
http://blog.shibayan.jp/entry/20110406/1302094656
http://sannomiyanotes.hatenablog.com/entry/2012/08/30/155548

1-2) System.Web.UI.DataVisualization.Charing

参考文献

http://vs.smartnet.expressweb.jp/asp-net-mvc-razor-%E3%83%89%E3%83%AA%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%82%B0%E3%83%A9%E3%83%95%E3%81%AE%E6%94%BB%E7%95%A5/
http://vs.smartnet.expressweb.jp/razor%E3%81%A7%E7%B0%A1%E5%8D%98%E3%82%B0%E3%83%A9%E3%83%95%E8%A1%A8%E7%A4%BA/
https://david9142.wordpress.com/2011/05/04/asp-net-mvc%E3%81%A7chart%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B2/

[2] JavaScriptライブラリでグラフ描画する

http://www.fwoabw.info/entry/2013/09/24/008062
http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/javascript-data-visualization-libs/
http://blog.htmlhifive.com/2014/08/14/enterprise-system-with-html5-canvas-chart-library/

2-1) jQuery Visualize

http://monopocket.jp/development/jquery_visualize/index.html

2-2) jqPlot

デモ

http://www.jqplot.com/examples/

2-3) d3.js / c3.js

 * 以下の関連記事を参照のこと。
* d3.js
http://blogs.yahoo.co.jp/dk521123/35423681.html
* c3.js
http://blogs.yahoo.co.jp/dk521123/35509265.html

2-4) Google Chart Tools

デモ

https://developers.google.com/chart/interactive/docs/gallery

動画

http://dotinstall.com/lessons/basic_chart_tools

2-5) raphael.js

http://raphaeljs.com/

参考文献

https://appkitbox.com/knowledge/javascript/20130222-12
http://www.webopixel.net/javascript/599.html

[3] 無償・有償ライブラリでグラフ描画する

 * 省略(Googleで調べればでてきますし)

関連記事

D3.js ～ 入門編 ～

http://blogs.yahoo.co.jp/dk521123/35423681.html

C3.js ～ 入門編 ～

http://blogs.yahoo.co.jp/dk521123/35509265.html