*

折れ線グラフの縦方向の動きを分かりやすくする

公開日: : 最終更新日:2016/02/20 D3.js

縦方向の表示を2倍に、目盛り(縦、横軸)を表示する

グラフの変化を大きく見せるために縦方向の表示を2倍にします。

サンプルコードの実行結果はこちら

スポンサードリンク

関連記事

D3.js

CSVファイルからデータを読み込んで、ヒストグラムを表示する

クラス別の点数をデータにしたCSVファイルを読み込んで、ボタンをクリックするとほかのクラスの成績表が

記事を読む

D3.js

2次元配列のデータを読み込んで、折れ線グラフを表示する

2次元配列のデータを用意して、少し複雑なデータを読み込んで折れ線グラフを表示してみます。 サン

記事を読む

D3.js

D3.jsの基本的な流れ

D3.jsで作成するグラフのプログラムの構造は 下記のように考えます。 1.データの読み込み

記事を読む

D3.js

HTML形式とXML形式ファイルを読み込む

HTMLファイルを読み込む D3.jsではHTMLファイルを読み込むこともできます。 データは、

記事を読む

D3.js

グラフをアニメーションさせる

前回の記事でデータセットに応じてグラフに変化を付しました。 ボタンをクリックするとすぐに書き換わっ

記事を読む

D3.js

外部ファイルを読み込んで円グラフを表示させる

CSVデータを読み込んでグラフを表示させてみます。 サンプルコードの実行結果はこちら

記事を読む

D3.js

JSONデータを読み込んで、ボタンでパックレイアウトで表示するデータを切り替える

今回は、JSONデータを読み込んでパックレイアウトをまず表示します。そのうえでHTMLファイル上に3

記事を読む

D3.js

複数の図形を操作する

D3.jsでは複数の図形を操作するにはselectAll()メソッドを使います。 selectAl

記事を読む

D3.js

ツリーマップレイアウトで使用されている文字数を数えて表示する

テキストファイルを読み込んで、ファイル内で使われている文字数を数えてツリーマップに表示します。 入れ

記事を読む

D3.js

D3.jsのデータと要素の対応

D3.jsがどのようにして読み込んだデータと表示する要素を 対応させているかを書いていきます。

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑