Wijmo UI for the Web
すべての数値の書式設定

クイックスタートの例を基に、軸ラベル、グラフラベル、およびツールチップの数値の書式を変更できます。

  1. HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを、以下を実行するスクリプトに置き換えます。
    • 次の3つのラベルを、p0 書式(小数点以下を表示しないパーセント)を使用するように設定する。
      • Y 軸の注釈ラベル
      • グラフの各棒のラベル(chartLabelFormatString)
      • ヒントオプション内のデータラベル
    • 以下のプロパティを持つ系列を作成する。
      • ツールチップは "2012 Auto Sales" と各棒の上にマウスポインタを置いたときのデータ値を表示する。
      • 凡例を表示する。
      • X 軸は大手自動車メーカーを表示する。
      • Y 軸は前年より増加した販売の割合(%)を表示する。

    ドロップダウンからコードを貼り付けます

  2. HTML ファイルの <body> セクションは、変更する必要がありません。基本 <div> タグは、グラフを作成するのに十分です。
  3. HTML ファイルを保存し、それをブラウザで開きます。下の図のように、グラフはすべての数値がパーセントを表示するように書式設定されて表示されます。

関連トピック

参照

 

 


Copyright © GrapeCity inc. All rights reserved.