Chart.jsNew in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく
ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です！ 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基本的な使い方を中心にご紹介しようと思います！ 必要なファイルを準備しよう！ 「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます！ // index.html <!d
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas | Filament Group, Inc., Boston, MA
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas Posted by Scott on 07/02/2009 Topics: accessibilitycanvasjavascriptjQueryprogressive enhancementui designusabilityvisual designweb standards Accessible data visualization in HTML has always been tricky to achieve, particularly because elements such as images allow only the most basic features for providing
[JS]カスタマイズが豊富なグラフやチャートを描画するスクリプト -jqPlot
ツールチップやラインにシャドウをつけるなどカスタマイズが豊富な、グラフやチャートを描画する高性能なスクリプト「jqPlot」を紹介します。 <textarea name="code" class="js" cols="60" rows="5"> line1 = [['23-May-08',578.55],['20-Jun-08',566.5],['25-Jul-08',480.88],['22-Aug-08',509.84]]; line1.push(['26-Sep-08',454.13],['24-Oct-08',379.75],['21-Nov-08',303],['26-Dec-08',308.56]); line1.push(['23-Jan-09',299.14],['20-Feb-09',346.51],['20-Mar-09',325.99],['24-Apr-09',38
多種多様なグラフやチャートがオンラインで作成できる -Chartle.net
多種多様なグラフ、チャート、ダイアグラム、マップなどを簡単に作成できるオンラインサービス「Chartle.net」を紹介します。
[JS]カラフルな折れ線・棒グラフやパイチャートを描くスクリプト -JS charts
画像を使用しないで、折れ線グラフや棒グラフ、パイチャートを作成するスクリプト「JS charts」を紹介します。 JS charts demo JS chartsはjQueryなど他のスクリプトに依存せずに動作し、対応ブラウザは下記のようになっています。 Windows IE 6/7 Fx1.5+ Op 9+ Safari 3.1+ Mac Fx 1.5+ Safari 2+ iPhone 1+ 折れ線グラフや棒グラフ、パイチャートを描くには、スクリプトを外部ファイルとして記述し、書式に合わせて記述します。 JS Charts | How to use グラフはCanvasで描かれており、数値はXMLによって管理します。 XMLのサンプル <textarea name="code" class="html" cols="60" rows="5"> <?xml version="1.0"?>
MOONGIFT: » 要チェック！テーブルからグラフを生成するJavaScriptライブラリ「Bluff」:オープンソースを毎日紹介
※ 画像は公式サイトのデモより これは面白い発想だ。Web上でグラフを作成、表示するライブラリは数多く存在する。その際に使う方式としては、基準になる点をXY軸それぞれに対して追加し、描画するという方式だ。これはプログラム言語にとっては簡単な方式かも知れない。 JavaScriptだけで画像グラフを生成する だが、使い慣れている表計算ソフトウェアの場合はどうだろう。はじめに表があり、そこからデータを読み取ってグラフを描くようになっている。その慣れた方式を使えるのがこちらのライブラリだ。 今回紹介するオープンソース・ソフトウェアはBluff、グラフ描画ライブラリだ。 BluffはJavaScriptのライブラリで、画像形式（PNG）のグラフを生成する。棒グラフ、円グラフ、エリアグラフ、折れ線グラフなど様々なグラフ形式をサポートしている。背景色を変えたり、複数のデータを描画できるなど多機能なライ
グラフ作成やデータ可視化を楽に美しくできる便利なサービス22個まとめ | Web担当者Forum
このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「グラフ作成・データ可視化」サービスだ。 売り上げの推移、業界におけるシェア、自社製品の出荷数内訳などなど…。「顧客の説得のため、ウェブサイトでもグラフ要素を掲載したい」といったケースは増えている。大手企業では、PHPを使いデータベースと連動させて動的に最新グラフを表示させる、といった仕組みを用意できる場合もあるが、たいていは「エクセルで作成したグラフを画像として貼り付け」といった、手作業感あふれるものだった。 だが、昨年末にGoogle Chart APIが登場して以降、さまざまなサービスや独自APIが増加し、選択肢がグッと増えてきた。無料で利用できる
jQuery Sparklines
Mouse speed Loading.. Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Bar charts 10,8,9,3,5,8,5 negative values: -3,1,2,0,3,-1 stacked: 0:2,2:4,4:2,4:1 Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Composite bar 4,6,7,7,4,3,2,1,4 Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5 Di
デザインちっくなグラフが作れるpChartをやってみたよ＼(゜ロ＼)(／ロ゜)／ - PHP,MySQL,Flex,JSな日々＋イラストとか
PHPでグラフといえばjpgraphだけど、デザインがそっけない。 ってことで、最近話題なpChartを使ってみました。 こんなのを作ってみました。 pChart - a PHP class to build charts こちらはGDライブラリが使える状態であればＯＫっぽいです。 ＃jpgraphなどがいらない。 デフォルトでついてくるサンプルはこちら PHPなコードはこちら <?php // Standard inclusions include("pChart/pData.class"); include("pChart/pChart.class"); $gtitle = "レーダーチャート"; $title_a = array( "読みやすさ", "コスパ", "初心者", "数学", "デザイン", "サーバ", "ページ数" ); $num_a = array( 8, 5, 2
Open Flash Chart - Home
Info: Open Flash Chart 2 is out. Version 1.x and these pages will never disappear and the charts will continue working forever, but further development on 1.x has stopped. Take a look at version 2 here Open Flash Chart 2. Hello, this is the Open Flash Chart project. Get graphs like this for free: How does it work? User browses to your web site. The browser downloads the web page which contains the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://open.srcphp.com/projects/128-pChart
[JS]アクセシブルな円・棒・折れ線グラフとスライダーのスクリプト
not found