Wijmo UI for the Web
目盛記号の表示
Wijmo ユーザーガイド > ウィジェット > Chart ウィジェット > CompositeChart > 操作手順 > 目盛記号の表示
全て展開全て展開
すべて折りたたむすべて折りたたむ

クイックスタート の例に基づいて、軸の目盛り記号のスタイルを含む tickMajor オブジェクトおよび tickMinor オブジェクトを追加できます。

  1. HTML ファイルの <head> セクション内で、ドキュメントの ready 関数を含むスクリプトを次の処理を行うスクリプトで置き換えます：
    • X 軸 に以下のオプションを設定します：
      • グラフの各主目盛り記号 (tickMajor) は、青色でX軸上を横断します。
      • グラフの各補助目盛り記号 (tickMinor) は、黄緑色でX軸上のグラフ領域内に配置されています。
        注意: 目盛りの position 属性は、それを表示するかどうかを決定します。
    • 次のようなプロパティを使用して２つのデータ系列を作成します：
      • Y軸は、列を使用して各メーカーの売り上げ増加を表示します。
      • X軸は、各自動車メーカー名を表示します。
      • 円グラフは、国内増加に対するインポートを表示します。

    ドロップダウンからコードをコピーします

  2. HTML ファイルの <body> セクションは、変更する必要がありません。基本 <div> タグは、グラフを作成するのに十分です。
  3. HTML ファイルを保存してブラウザで開きます。以下のグラフは、X軸を横断する青主目盛り記号、およびグラフ領域内部に配置されている横緑色の補助目盛り記号が表示されています。
    目盛りマーク

    目盛りマーク

関連トピック

操作手順
クイックスタート

参照

wijmo.chart.wijcompositechart 名前空間
axis フィールド
data フィールド
seriesList フィールド

 

 

Copyright © GrapeCity inc. All rights reserved.