バージョン 24.2 (最新)

軸タイトルの構成

目的

このトピックでは、igFinancialChart コントロールで x 軸および y 軸のタイトルを構成する方法を説明します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

プロパティの設定

igFinancialChart コントロールは、x 軸および y 軸のタイトルのフォント スタイル、マージン、配置などを変更してルックアンドフィールをカスタマイズできます。以下のプロパティを使用します。

プロパティ名 プロパティ型 説明

string

x 軸と y 軸のタイトルに使用するテキストを決定します。

enumeration

x 軸タイトルの水平方向の配置と y 軸タイトルの垂直方向の配置を決定します。

number

x 軸と y 軸のタイトルの回転角度を決定します。

number

x 軸と y 軸のタイトルに適用するマージンを決定します。

number

x 軸と y 軸のタイトルに適用する左マージンを決定します。

number

x 軸と y 軸のタイトルに適用する上マージンを決定します。

number

x 軸と y 軸のタイトルに適用する右マージンを決定します。

number

x 軸と y 軸のタイトルに適用する下マージンを決定します。

string

x 軸と y 軸のタイトルに適用するフォント ファミリを決定します。

string

x 軸と y 軸のタイトルのテキスト色を決定します。

コード スニペット

以下のコード例は、igFinancialChart コントロールで x 軸と y 軸のタイトルをカスタマイズします。

JavaScript の場合:

$(".selector").igFinancialChart({
    dataSource: data,
    xAxisTitleMargin: 10,
    xAxisTitle: "Historical Date",
    xAxisTitleTextStyle: "12pt Arial",
    yAxisTitleTextStyle: "14pt Arial",
    yAxisTitle: "Share Price",
    yAxisTitleAngle: 90,
    yAxisTitleTextColor: "Green"
});

上記のコードは、以下のような igFinancialChart になります。

financialchart jquery axis titles.png
トピック 説明

このトピックは、主要機能、最小要件およびユーザー機能性など、igFinancialChart コントロールの概念的な情報を提供します。

このトピックは、igFinancialChart コントロールにデータをバインドする方法について説明します。

オンラインで表示: GitHub