タグ

chartに関するhiro360のブックマーク (10)

  • charts4j 1.3 - たけぞう瀕死ブログ

    Google Chart APIを呼び出すためのURLを組み立てるためのcharts4jというJavaライブラリがあります。 http://code.google.com/p/charts4j/ 今年の1月に1.3にバージョンアップしてMaven対応したようです。pom.xmlに追加する依存関係はこんな感じ。 <dependency> <groupId>com.googlecode.charts4j</groupId> <artifactId>charts4j</artifactId> <version>1.3</version> </dependency> あと、POSTでリクエストを送信するために、組み立てたパラメータをMapで取得するGChart#getParameters()というメソッドが追加されたみたい。これを使用して自分でHTTPClientとか使ってリクエストを投げてくださ

    charts4j 1.3 - たけぞう瀕死ブログ
  • JavaScriptでSVGのレーダーチャートを描画するライブラリ Raphael Radar をつくった - I CAN ’CAUSE I THINK I CAN!

    概要 JavaScriptSVGを描画するライブラリRaphael.jsを使って、 操作可能なレーダーチャートを描画するライブラリ Raphael Radar を作りました。 Raphael Radar は次の2つの機能を持ちます。 レーダーチャートをSVGで表示 レーダーチャートの各軸の値をフォームと対応づけて、インタラクティブに値を選択 (2)の機能は任意で無効化して単純なレーダーチャートとして利用することもできます。 入手と使い方 依存ライブラリ Raphael Radar を使う前に、2つのライブラリをインストールする必要があります。 Raphael.js (1.3.1 以降) jQuery (1.4.2 以降) もしうまく動作しない場合、Raphael.jsとjQueryのバージョンを合わせてみてください。 インストール方法 上記の依存ライブラリをインストール Raphael

  • jQueryベースのグラフ作成ライブラリ·jqPlots MOONGIFT

    Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。 JavaScriptのみでグラフを表示する だが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlotsだ。 今回紹介するオープンソース・ソフトウェアはjqPlots、jQueryベースのグラフ描画ライブラリだ。 jqPlotsはCanvasタグを使っているが、対応ブラウザはIE6〜IE8、Firefox、Safari、Operaとなっている。筆者環境では試していないが、IE6でも恐らく大丈夫なのだろう(ぜひ試していただきたい)。これだけ多数のブラウザに対応していれば一般向けWebサービスでも使え

    jQueryベースのグラフ作成ライブラリ·jqPlots MOONGIFT
  • JavaScriptでグラフ表示 - 現場のためのソフトウェア開発プロセス - たかのり日記

    YUIYahoo! UI Library)から、Chartライブラリがリリースされました。 棒グラフ(縦/横) 折れ線グラフ 円グラフ 積み上げ棒グラフ(縦/横) など、基的なグラフは一通り揃っているようです(動作には、Flash Player が必要となります)。 デモを見る限りでは、比較的簡単なコードでグラフを描画できていますね。 Javaにおけるグラフ表示と言えば、JFreeChartが有名ですが、サーバ側でゴリゴリな実装が必要です。そのため、私自身はあまり好きではなかったのですが、JavaScriptのグラフ表示ライブラリの場合、十数行程度でもグラフが描画できるものが多く、さらに、Ajaxなどでデータ転送量も少なくできるため、今後はこちらの方が利用シーンが多くなっていくような気がします。 また、以前に、グラフ表示のライブラリを調査したことがあるのですが、そのときの情報を以下にメ

    JavaScriptでグラフ表示 - 現場のためのソフトウェア開発プロセス - たかのり日記
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

  • フリーの超クールCSSグラフまとめ10個:phpspot開発日誌

    DHTML Site - Free CSS Graph Resources Generators Often in web-based applications, developers want to be able to display on the fly graphs. フリーのCSSグラフまとめ10個が紹介されてました。 CSSでいろいろとできるものですね。 Ajax MGraph PlotKit CSS Javascript Bar Charts Vertical Bar Graphs with CSS and PHP CSS For Bar Graphs CSS Vertical Bar Graphs Displaying Percentages with CSS Dynamic Pie Chart with CSS Real World Bar Graphs (with so

  • グラフ作成ソフト - JSChart -

    ソフトウェア開発会社〈Jschart〉は、クリエイティブで画期的なプロダクトとサービスを構築し、コミュニケーションと情報ソリューション全体を提供しています。例としては、ウェブデザインと開発、カスタムアプリケーション、エンタープライズシステム、CRMシステム、eコマースソリューション、社内ソフトウェアシステム、企業内アプリケーション、マネージドホスティング、社内ポータルサイトマネージメントなどございますが、これらは当社が提供するサービスのほんの一部に過ぎません。世界中の多くのお客様にご満足いただいていることからも、いかに私たちの仕事の質が高いかがお分かりでしょう。 当社のソフトウェア開発チームは、新技術を探求する業界のパイオニアとして、高品質なソフトウェアを世界各地にお届けすることに専念しています。私たちの最終的な目標は、マルチユーザーアプリケーションのための洗練された情報技術を創造し、世の

  • Flashできれいな円グラフを作る「amCharts」で折れ線グラフや面グラフが可能に

    Flashの専門知識は不要で、グラフにしたいデータなどを設定ファイルに書いていくだけで完成し、グラフの種類や見せ方もいろいろと指定できる「Flashできれいなパイチャートや円グラフを無料で作る「amCharts」」ですが、非常に利用者数が多かったらしく、ついに折れ線グラフや面グラフを作成可能なバージョンの「amCharts」が登場しました。サイト上からその例を実際に見ることができるのですが、今回もかなり実用性が高そう。見栄えのするグラフを作りたい人には最適かと。 詳細は以下の通り。 amCharts: customizable flash Line & Area chart http://www.amcharts.com/line/ ダウンロードは以下から可能。 DOWNLOAD LINE & AREA CHART 例その1:2種類の線グラフ。データ引用元サイトなどへのリンクをはることも可

    Flashできれいな円グラフを作る「amCharts」で折れ線グラフや面グラフが可能に
  • Flashでグラフ(XML/SWF Charts)

    # あおり気味のタイトルに変更:D Gigazine: Flashできれいなパイチャートや円グラフを無料で作る「amCharts」 これよりカッチョイイやつを昔ぴろさんから教えてもらったのでご紹介. XML/SWF Charts http://www.maani.us/xml_charts/index.php SwfにXMLの形でデータを渡すことで,多彩なグラフを書くことができる. ギャラリーは↓.パイチャート,円グラフ,棒グラフなどの各種グラフはもちろん,モーションつきのグラフとかも作れる(ギャラリーの各をクリックするとXMLのコードが見られます). http://www.maani.us/xml_charts/index.php?menu=Gallery ライセンスはこのあたり http://www.maani.us/xml_charts/index.php?menu=License

    Flashでグラフ(XML/SWF Charts)
  • CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌

    Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height

  • 1