Making good-looking graphs shouldn't be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing simple charts easy.
2012年11月16日13:55 JavaScript Ruby グラフ描くならMorris.jsがお手軽で良いかも こんにちわ。寒くなってきましたがみなさまお元気ですか? さて、先日ちょっとしたグラフを描画したかったんですよ。それでなにか使いやすいライブラリ無いかなーと思っていたら railscast (revisedなので有料です) で Morris.js ってjQueryプラグインが紹介されてて良さげだったので使ってみました。google analytics みたいなツールチップも出してくれます。 使い方はとっても簡単です。 まず、jQuery (>=1.7) と Raphael (>=2.0) が必要です。あとは Morris.js があれば動作します。 これらを app/assets/javascripts/application.js に設定してください。この記事執筆時点での
定期的に処理を実行するものがあって、その結果や中間結果を可視化したいなーと思うときがあるわけです。表示したい値は簡単に出せますが、それを見やすい形で出すのってけっこう面倒なものです。ログファイルをgrepしろやーはちょっと嫌です。グラフ表示する場合はCactiあたりが有名だと思いますが、グラフの追加に手間がかかるのがツライのです。とりあえずサクッと表示したいのです。 噂によるとkazeburoさんのGrowthForecastというものが便利という事なのでさっそく試してみました。 今回cpanmも初めて入れました。これも便利です。 まずはcpanmのインストール。Fedora17くらいだとyumにあります。CentOSだと無かったので手動で入れます。 cd ~/ mkdir bin && cd bin curl -LOk http://xrl.us/cpanm chmod +x cpanm
このブログでは初めまして。7つも8つもブログを持っているのに入社してからめっきりブログを書くペースが落ちてしまったedvakfです。 僕は昔からライブラリとかフレームワークというものにほとんど興味がなく、入社するまではjQueryすらほとんど使わずに生のDOMをJavaScriptでゴリゴリ触ってたクチなんですが、いやー、やっぱりjQueryは使いやすいですねー。 そんな僕ですが、会社で使っているライブラリぐらいは見ておこうと、ピクシブ百科事典というサービスを見ていたら、Highcharts.jsなるものがありました。はてなブックマークでは2009年に発見されていて、既に400を超えるブックマークがあるんですね。 Highcharts.jsは商業利用は有料ですが、非商業利用は無料です(ピクシブではもちろん有料版を利用しています)。 デモをjsFiddle上でフォークして弄りながら見た目を調
Poker, the card game of kings, has recently seen Hold’em gaining in popularity. As the world’s most popular poker game, Hold’em draws in true blue poker enthusiasts from across the spectrum and is growing in popularity as more people discover its intricacies. Here's five reasons why you should start playing Hold'em now and become a member of the card-slinging elite. First off, it's the game of Hol
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 でマークアップされていれば、アドレスバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く