SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

「Dojo道場」~実用アプリ構築のためのベストプラクティス

Dojo道場 ~ 第1回「グラフを使いこなす(後編)」

「Dojo道場」~実用アプリ構築のためのベストプラクティス


  • X ポスト
  • このエントリーをはてなブックマークに追加

5. その他メソッド

 ここでは、前ページで紹介しきれなかったChart2Dの代表的なメソッドについて解説します。

resize

 グラフのサイズを変更します。引数は横幅、高さの順で指定します。グラフをリサイズ可能なウィジェットに組み込んだときは、このメソッドを使用して、親ウィジェットに合わせてグラフのサイズを変更できます。

resize(/*Number*/width, /*Number*/height)

updateSeries

 追加済みのデータ系列に対して値の更新を行います。第1引数のnameでデータ系列の名前、第2引数で値を渡します。軸や描画コンポーネントはそのままで、データ系列の値だけ差し替えたいという際に便利なメソッドです。

updateSeries(/*String*/name, /*Array*/data)

movePlotToFront/movePlotToBack

 複数の描画コンポーネントがあるグラフに対し、描画コンポーネント間の重なり順序を調整します。引数nameに描画コンポーネントの名前を指定します。

movePlotToFront(/*String*/name),  movePlotToBack(/*String*/name)

moveSeriesToFront/moveSeriesToBack

 同一の描画コンポーネントを使用するデータ系列に対し、重なり順序を調整します。引数nameにデータ系列の名前を指定します。

moveSeriesToFront(/*String*/name),  moveSeriesToBack(/*String*/name)

removeAxis/removePlot/removeSeries

 不要となった描画コンポーネント・軸・データ系列を、これらメソッドでグラフから取り除くことができます。

removeAxis(/*String*/name),  removePlot(/*String*/name),  removeSeries(/*String*/name)

6. まとめ

 このようにDojo Toolkitのチャート・コンポーネントを使うことで、グラフのアニメーションやリアルタイム更新、ズームやスクロールといった、よりインタラクティブな操作を実現できます。今回紹介したチャート・コンポーネントとその他のDojo Toolkitコンポーネントを組み合わせることで、ユーザーに対してデータを効果的に視覚化し、さまざまなビジネスシーンの要求に応じたインサイトを提示する優れたユーザー・インターフェースを構築できるでしょう。

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
「Dojo道場」~実用アプリ構築のためのベストプラクティス連載記事一覧

もっと読む

この記事の著者

黒川 洋(クロカワ ヒロシ)

日本アイ・ビー・エム株式会社 ソフトウェア開発研究所に勤務。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

中倉 勘作(ナカクラ カンサク)

2008年日本アイ・ビー・エム株式会社入社。現在、ソフトウェア開発研究所所属。 

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/5572 2010/12/06 18:07

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング