「PlotKit」を利用してグラフを描く方法を紹介します。 「PlotKit」はJavaScriptでグラフを書くためのライブラリです。 「PlotKit」を利用するためには、「MochiKit」というJavaScriptのライブラリが必要なります。 インストール方法と簡単なサンプルを示したいと思います。 (A)インストール方法 (1)「PlotKit」をダウンロードします ダウンロードは「PlotKit」のサイトからできます。 「plotkit-0.9.1」をダウンロードしました。 (2)「MochiKit」をダウンロードします ダウンロードは「MochiKit」のサイトからできます。 「MonchiKit-1.3.1」をダウンロードしました。 (3)インストールする(展開する) ダウンロードした2つファイルを、展開します。 展開したら、以下の2つのディレクトリを同じディレクトリ内にコピ
2006-11-26T00:53:01+09:00 追記 いろいろ問題がありました（またか……）。記事を修正し、新しくサンプルページ（prototype.jsをgzip圧縮して利用するテスト（Safari 対応版））を作りました。 ありがたや！ prototype.jsを10KBにする方法 : 亜細亜ノ蛾 は思っていた以上に反響（というかブクマ）があって、うれしい限り。 ──といいたいところですが、なんというか、自分は return false ってなんスか？ というひと（JavaScript 解ってない）なので、もうちょっと「それは違うよ」という批判記事が読みたいような。──スンマセンね、ツン照れというか天の邪鬼なので。 .htaccess をスマートに使う そんな中で、今回はいいモン仕入れて来たよー、というハック（むしろ基本テク？）。 Accept-Encoding に gzip が含
AjaxプログラミングにおいてPrototype.jsは非常に重要なライブラリですが、ファイルのサイズが大きいことを理由に良くない！といわれることがしばしばです。 バージョン1.4.0時点で47kbですので、確かに1JavaScriptファイルとしては大きいですし、なんと言ってもテキストのファイルが50kb近くあるというのが生理的に受け付けないのかもしれません（1kgの鉄と1kgの綿はどっちが重い？）。 そんなあなたに（自分もだけど）おすすめなのが、JavaScriptをgzip圧縮する方法。 Windowsの場合、Cygwinを使うかGNU zipなんてのを使えば圧縮できます。 ファイルサイズ | ファイル名 47,445 bytes | prototype.js（デフォルト） 32,717 bytes | prototype_compress.js（Rhinoを使って圧縮） 10,53
「Graraph」は、折れ線グラフを描画するためのJavaScriptライブラリです。 たとえば、次のようなグラフを表示したければ… Graraphライブラリをロードして、以下のコードを書くだけです。 // 表示したいデータの名前と値 var data = [ ['去年',[530,519,585,765,994,728]], ['今年',[789,335,801,1197,1245,970]] ]; // graphというIDで、大きさは400×300ピクセル var g = new Graraph('graph', 400, 300); // 各種オプション設定 g.title = '月別の推移'; // グラフのタイトル g.xLabelFormat = ['1月','2月','3月','4月','5月','6月']; // X軸のラベル g.theme = 'keynote';
Drawing lines in Mozilla based browsers and the Internet Explorer - The Code Project - JavaScript JavaScriptで線を描画する方法についての記事。 JavaScriptで線を描画するためのGraphicsクラスライブラリも配布しているようです。 Graphicsクラスライブラリを使うと、次のような簡単なコードで線を描画できるようです。 var g = new Graphics(); g.drawLine(100,50,200,70); g.paint(); ダイナミックなインタフェースを実現するJavaScript ライブラリも多いですが、 こういったJavaScriptでの図形描画機能についてもおさえておきたいですね。 関連エントリ ブラウザ上で動作するJavaScript製のMSペイ
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:
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫：フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
