【jQuery】IEでも使えるグラフ描画ツール | Webスクリプターがつぶやくブログ
そろそろweb制作関係のカテゴリを見直した方がいい気がしないでもない。 以前、Highchartsを投下したのですが、かちょー（上司）にも薦めたところ、 「これIEで動かないね……動くやつない？できればjQueryで」 と言われたので、そんなに言うなら探してやろうと思った次第です。 よろしい、ならば検証だ！ 今回はちゃんとIEバージョンもチェックしました（自分用に） 【jQuery Google Charts】 IE6：△ IE7：○ IE8：○ http://www.maxb.net/scripts/jgcharts/include/demo/ まずは安心のGoogle先生から。 さすがはGoogle Charts、IE7でもちゃんと動きます。 IE6が△なのは、開いたらエラーのポップアップが出たから……理由はよくわからないけど、動くには動いた。IE6なんか使ってんじゃねーよ、アップデー
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
Google Chart APIで作るグラフ画像のサンプル - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Note: Chart APIは現在ではGoogle Chartとして整理されており、この記事で利用されているImage Chart APIは旧仕様として削除対象になっています。実際に削除はされていないので今のところ利用できていますが、2015年中には消えてしまいそうです。(2015-08-31) コピペ用に作ってみた。いやー軽い軽い。JSで<canvas>で図形描画なんて馬鹿らしくなっちゃうね。ちなみに色はあんまり弄ってない。考えたら暖色系って盛り上がってる感じがするから、このままのが良いかもね。 では続きをどうぞ。 ...そういえば、商用利用できたっけ？ <img
自分の歳で結婚している人は何％? 未婚・既婚率などをグラフ化してみる
先に【年収1000万円以上の男性ってどれくらい? 給与所得から推し量ってみる】で女性の男性に対するあくなき願望について解説した際、「それでは実際に現在結婚している人はどれくらいの割合なのだろうか」という疑問が浮かんできた。特定年における「結婚をした人の割合」なら【日本の婚姻率・離婚率・初婚年齢の推移をグラフ化してみる】にある通りだが、ある時点でどれだけ配偶者がいるのか・未婚なのか・離婚を経て一人なのかなどまでは分からない。そんな折、現在2010年分の調査が行われている国勢調査の特集で、前回調査の2005年分までのデータを分析した特集が敬老の日に合わせて【掲載され】、そのままズバリの回答を得ることができた。今回はこのデータからいくつかのグラフを生成してみることにする。 該当データは上記参照リンクの表1-6。ここのデータを抽出した上で、色々な角度からグラフ化を試みる。まずは素直に直近2005年
グラフォト: 毎日つけたくなるグラフアプリ。グラフの記録に加えてメモと写真をつけられます。2961 | AppBank
この記事はこのアプリの開発者様からの寄稿です。 初めまして、開発者のShuntaroです。 グラフォトはグラフの記録に加えて、メモと写真をつけられるアプリです。 体重のグラフを見ていてこう思ったことはありませんでしょうか。 「ここで急に体重増えてるけど何でなのか知りたい。」 筋トレの回数をつけていてこう思ったことはありませんでしょうか。 「筋肉どれくらいついたかな。」 グラフォトはそんなあなたの思いを解決します。 起動画面です。 最初は何もない状態ですので右上の新規ボタンで項目を作成します。 名称・単位・グラフの色を選びます。 色はバーをぐりぐり変えることで色んな色が選べます。 項目ができました。 写真をつけれるので子供の身長などと一緒に写真を記録しておくと、成長の過程が見れておもしろいです。 後から名称等を変更したい時は小さい矢印ボタンをクリックしてください。 今回は体重を例にとります。
グラフ描画サービスcalc5.com | 秋元@サイボウズラボ・プログラマー・ブログ
CALC5は、数式を渡すと、微分した結果の数式を表示してくれたり、2次元や3次元のグラフを描画して見せてくれるというサービス。 URLの後ろに数式を渡すだけで、そのグラフへのリンクになるので、ちょっとしたところから「グラフはこれ」みたいな参照もできそうで、いいかもしれない。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」:phpspot開発日誌
dojo, the Javascript Toolkit: brought to you by the Dojo Foundation グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。 次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えます。 グラフ描画するためには、dojo.jsを読み込んで、次のようなコードを書きます。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); dojo.require('dojo.json'); // our sample data for our line chart. var json = [ { x: 0, y: 110, size:20, x2:
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
i d e a * i d e a - Excelでウルトラシンプルなグラフを作成する方法（続編）
ドットインストール代表のライフハックブログ
i d e a * i d e a - Excelでウルトラシンプルなグラフを作成する方法
ドットインストール代表のライフハックブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chart Tools入門
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌
Creating graphs | Bartelme Design