You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Ruminations: Flot 0.1 released! It draws on inspiration from Plotr and PlotKit, and several other commercial packages. But also from venerable old gnuplot - there's nothing more boring than hand-picking axis scales so I wanted the default algorithm to be smart. jQueryベースの滑らかなグラフ描画ライブラリ「Flot」。 Flotを使えば次のようなグラフをJavaScriptで描画することが可能です。 コードは次のように書くみたいです。 <div id="placeholder" style="width:600px;height
HTML5.JPオリジナルのJavaScriptライブラリを公開していきます。ご自由にライブラリをダウンロードして貴サイトにてご活用ください。 <meter> polyfill (jQuery プラグイン) <meter> polyfill は、HTML5 で新たに導入された meter 要素をサポートしていないブラウザーでも meter 要素がレンダリングされるようにする jQuery プラグインです。Chrome や Opera など、すでに meter 要素をサポートしているブラウザーには何も作用しません。このプラグインは、Internet Explorer 6, 7, 8, 9 でも動作します。 html5detector (Google Chrome Extentions) html5detector は、表示されているページが HTML5 でマークアップされていれば、アドレスバ
dojo.widget.Chartを使ってグラフを描くこともできる。dojo.widget.Chartは、widgetとして提供されるため、JavaScriptを記述せずにHTMLだけでグラフを描くことができる。dojo.widget.Chartは、dojo.charting.Chartよりも低機能であり、縦向きのグラフ種類のみを提供する。 まず、グラフを描画する部分にdojoTypeとしてchartを指定したdiv要素を作る。 <div dojoType="chart" style="border:1px solid black;width:400px;height:250px;"> グラフの情報は、divの子要素にtableとして記述する。table要素では、軸の情報と、グラフの種類を指定する。 <table padding="12 12 20 30" axisAt="0 xmin"
Dojoでは、グラフを描画する方法として、dojo.charting.Chartとdojo.widget.Chartの2つが提供されている。 dojo.charting.ChartはJavaScriptでグラフの描画方法を指定するのに対して、dojo.widget.Chartは主にHTMLのtable要素として指定する。 dojo.charting.Chartで指定する方法を説明する。 まず、以下の2つをrequireする。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); 次にJSON形式のグラフデータをdojo.collections.Storeに読み込む。 var json = [ { x: 0, y: 110, y2: 20}, { x: 10, y: 24, y2: 4}, {
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く