Javascript でグラフ


よさそうなものはいろいろとありますが、「jQuery-Visualize」がお手軽そうです。グラフのオプション指定は必要ですが、基本的には表を作れば自動でグラフ化できます。

自分は Access で作ったデータベースから必要に応じたレポートを作成し、グラフ化することに利用しています。

 

 

jQuery-Visualize
https://www.filamentgroup.com/lab/update-to-jquery-visualize-accessible-charts-with-html5-from-designing-with.html

基本形:
$(‘table’).visualize();

オプション:
type: ‘bar’, ‘area’, ‘pie’, ‘line’
width: number
height: number
appendTitle: boolean(‘true’,’false’
title: string. (table’s Caption element)
appendKey: boolean
colors: array(Default:’#be1e2d’,’#666699′,’#92d5ea’,’#ee8310′,’#8d10ee’,’#5a3b16′,’#26a4ed’,’#f45a90′,’#e9e744′])
textColors: array
parseDirection: string. ‘x’,’y’
pieMargin: number(Default: 20)
pieLabelPos: string(‘inside’,’outside’)
lineWeight: numberDefault: 4.
barGroupMargin: number(Default: 10)
barMargin: number(Default: 1)

 
ccchart
http://ccchart.com/

 

Chart.js
http://www.chartjs.org/

 

Google Chart Tools
http://yohshiy.blog.fc2.com/blog-entry-195.html

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です