[JS]便利なのが登場！実装はかなり簡単なのに、さまざまなチャートやグラフを実装できるスクリプト -ApexCharts
チャートやグラフを実装するのは面倒、と思われがちですが、そんな人にはこのスクリプトをお勧めします。 div要素一つと外部ファイルを一つ、あとはグラフのデータを設定するだけで、さまざまなチャートやグラフが簡単に実装できてしまう単体のJavaScriptライブラリを紹介します。 レスポンシブ対応で、アニメーションにも対応、カラー変更やグラデーションやパターンにも対応している優れものです。 ApexCharts ApexCharts -GitHub ApexChartsの特徴 ApexChartsのデモ ApexChartsの使い方 ApexChartsの特徴 ApexChartsはシンプルなAPIを使用して、インタラクティブなチャートやビジュアライゼーションを作成するためのモダンJavaScriptのチャート作成ライブラリです。 MITライセンスで、個人でも商用でも無料で利用できます。 レスポ
![[JS]便利なのが登場！実装はかなり簡単なのに、さまざまなチャートやグラフを実装できるスクリプト -ApexCharts](https://cdn-ak-scissors.b.st-hatena.com/image/square/b793c623eb3187e192351b9611f75aea908bbf46/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018080101-02.png)
iTunes風のあのクールな容量比率ゲージを実装できるJavaScript「gauge.js」:phpspot開発日誌
gauge.js (javascript programmable gauge) iTunes風のあのクールな容量比率ゲージを実装できるJavaScript「gauge.js」 次のようなゲージを描画できるようです。 色はいろいろ選べてカラフルにすることも出来ます。colors指定で簡単指定 サイズも自由に調整可能なのでおき場所に困らないかも。(winth, height指定で直感的) Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+など殆どのメジャーブラウザで動作。 投票結果とか、サイトのアクセス解析の利用者比率なんかを表したりするのに使えそうですね。
[JS]複雑なグラフも簡単に描けるCanvasを使ったスクリプト -Protovis
棒グラフ、折れ線グラフ、エリアグラフ、パイチャート、インラインに配置できるグラフなど単純なものから複雑なものまで簡単に描けるスクリプト「Protovis」を紹介します。
[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"?>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
