2007/10/28

HTML5.JPのJavaScriptグラフライブラリがすばらしい


HTML5.JPのJavaScriptグラフライブラリがすばらしいです。

表示できる項目数は10個に限定されているものの、JavaScriptでこれだけキレイなグラフを表示できて、日本語も問題ないというのは非常にいいです。使い方も簡単ですし。

ライセンスは Apache License, Version 2.0 になっています。

 

(2007.10.29追記)
このライブラリのグラフ描画は、Canvasを使用しています。IEにはCanvasがないので、ExplorerCanvasが同梱されています。

あと、はてブコメントにて、テキストを大きくするとレイアウトが崩れるとの情報をいただきました。id:vantguardeさん、情報ありがとうございます。

 

■棒グラフ(垂直)

棒グラフ(垂直)(HTML5.JP)

↓FireFox2.0で表示
FireFoxサンプル

↓IE7で表示 - IEだとグラデーションが消える模様
IEサンプル

↓Opera9.23で表示
Operaサンプル

 

■折れ線グラフ

折線グラフ(HTML5.JP)

↓FireFox2.0で表示
FireFoxサンプル

↓IE7で表示
IEサンプル

↓Opera9.23で表示
Operaサンプル

 

■円グラフ

円グラフ(HTML5.JP)

↓FireFox2.0で表示
FireFoxサンプル

↓IE7で表示
IEサンプル

↓Opera9.23で表示
Operaサンプル

 

■レーダーチャート

レーダーチャート(HTML5.JP)

↓FireFox2.0で表示
FireFoxサンプル

↓IE7で表示
IEサンプル

↓Opera9.23で表示
Operaサンプル

 


スポンサーリンク


このエントリーをはてなブックマークに追加




Twitter ではブログにはない、いろんな情報を発信しています。


コメント

コメントを書く



プロフィール

  • 名前:fnya
    経歴:
    SE としての経験は15年以上。様々な言語と環境で業務系システム開発を行い、セキュリティ対策などもしていました。現在は趣味SE。

    Twitter では、ブログでは取り上げない情報も公開しています。


    ブログについて

    このブログは、IT、スマートフォン、タブレット、システム開発などに関するさまざまな話題を取り上げたり、雑感などをつづっています。

    >>ブログ詳細
    >>自作ツール
    >>運営サイト
    >>Windows 10 まとめ

    Twitter のフォローはこちらから Facebook ページはこちら Google+ページはこちら RSSフィードのご登録はこちらから