オープンソースのJavaScript用グラフライブラリ「gRaphael」


gRaphael」はオープンソース製のJavaScript用グラフライブラリです。

いくつかの値を設定するだけで簡単に静的なグラフやインタラクティブなグラフを作成する事が可能です。

20100619-02

IT/WEB業界への転職なら求人サイトGreen

円グラフデモ

カラーピッカーデモ

使い方も以下のように値と色の設定をするだけのようです。

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);

// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");

// Sets the stroke attribute of the circle to white
circle.attr("stroke", "#fff");

対応ブラウザもIE6から対応しているようですので、業務でも使えそうですね。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly