感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

highcharts

ツールチップでグラフ上の値をポップアップ表示する

highchartsでグラフを描いていると、その値をポップアップで表示したい時があります。 そういうときは、プロパティに「tooltip」を指定すれば、グラフの上をマウスオーバーした時に値を表示することができます。イメージとしては、こんな感じです。このイメ…

レーダーチャートを表示する

レーダーチャートとは、複数の項目を縦軸にとり、縦軸の原点を1つにまとめて放射線状にした図のことです。 レーダーチャートは、その外観からスパイダ チャートまたはスターチャートとも呼ばれ、グラフの中心が始点で外側の輪を終点とする個別の軸に沿って各…

同じデータを2つのグラフで横並び比較

前回は「2種類のグラフ」で「別のデータ」を表示してみました。 次は、同じデータを別の切り口(グラフ)で表現するhighchartsのサンプルを見てみましょう。具体的なイメージは以下のようになります。横グラフと縦グラフで、同じデータについて表示できている…

2種類のチャートを表示する

highchartsを使って、ブラウザに2種類のチャートグラフを一緒に表示してみましょう。 同じようなデータを、2つのグラフを使って比較したいときもあるはず。イメージとしては、こんな感じですね。 そんなときは、以下のように書きます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>highchartsのサ</title></meta></head></html>…

ブラウザ上で2つのデータを比較するグラフを描く

jQueryのプラグインで、ブラウザ上で素敵なチャート(グラフ)を描くことができるのがhighchartsです。 今日は、2つの値を比較するようなグラフをhighchartsを使って描いてみます。例としては、こんな感じですね。こんな画像を出すためのコードは以下のように…

highchartsをダウンロードして簡単なサンプルを作ってみる

highchartsはブラウザ上でチャートを表現することができるjQueryのプラグインです。 以下のURLからダウンロードすることができます。 http://www.highcharts.com/download/highchartsを使えば、株価などもけっこう簡単に表示できたりして、とても便利です。 …