igCategoryChart コントロールの軸タイトル機能は、チャートの x および y 軸に情報を追加できます。
このトピックは、以下のセクションで構成されます。
カテゴリ チャートは、x 軸および y 軸のタイトルのフォント スタイル、マージン、配置などを変更してルックアンドフィールをカスタマイズできます。以下のプロパティを使用します。
プロパティ名 | プロパティ タイプ | 説明 |
---|---|---|
xAxisTitle ,yAxisTitle |
string | x 軸と y 軸のタイトルに使用するテキストを決定します。 |
xAxisTitleTextColor , yAxisTitleTextColor |
string | x 軸と y 軸のタイトルの色を決定します。 |
xAxisTitleTextStyle ,yAxisTitleTextStyle |
string | x 軸と y 軸のタイトルに適用するフォント スタイルを決定します。 |
xAxisTitleAngle ,yAxisTitleAngle |
number | x 軸と y 軸のタイトルの回転角度を決定します。 |
xAxisTitleAlignment , yAxisTitleAlignment |
enumeration | x 軸の水平方向の配置と y 軸の垂直報告の配置を決定します。 |
xAxisTitleExtent ,yAxisTitleExtent |
number | x 軸と y 軸のタイトルに適用する範囲を決定します。 |
xAxisTitleMargin ,yAxisTitleMargin |
number | x 軸と y 軸のタイトルに適用するマージンを決定します。 |
xAxisTitleTopMargin ,yAxisTitleTopMargin |
number | x 軸と y 軸のタイトルの上に適用するマージンを決定します。 |
xAxisTitleRightMargin ,yAxisTitleRightMargin |
number | x 軸と y 軸のタイトルの右に適用するマージンを決定します。 |
xAxisTitleBottomMargin ,yAxisTitleBottomMargin |
number | x 軸と y 軸のタイトルの下に適用するマージンを決定します。 |
xAxisTitleLeftMargin ,yAxisTitleLeftMargin |
number | x 軸と y 軸のタイトルの左に適用するマージンを決定します。 |
以下のコード例は、x 軸と y 軸のタイトルをカスタマイズします。
HTML の場合:
$(function () {
$("#chart").igCategoryChart({
dataSource: data,
chartType: "auto",
xAxisTitle: "Country",
xAxisTitleTextColor: "blue",
xAxisTitleTextStyle: "20pt Times New Roman|Georgia|Serif",
yAxisTitle: "Millions of People",
yAxisTitleAngle: 90,
yAxisTitleTextColor: "red"
});
});
オンラインで表示: GitHub