DataV:基本的な折れ線グラフ (コンポーネントはオフライン)

• [フォントファミリー]: 表示されるテキストのフォントを設定するには、ドロップダウンリストからターゲットフォントを選択します。デフォルトのフォントは Microsoft YaHei です。
• [マージン]: チャートとチャートの罫線の間の間隔。単位はピクセルです。
• [空のデータ]: このチェックボックスをオンにすると、y 軸に対応する値が 0 の点で線と x 軸が交差します。このチェックボックスをオフにすると、y 軸に対応する値が 0 の点で線と x 軸は交差しません。

• [テキストスタイル]
  • [フォントサイズ]: x 軸に沿ったテキストのフォントサイズを変更するには、値を入力するか、[+] または [-] をクリックします。
  • [フォントの色]: x 軸に沿ったテキストのフォントの色を変更する方法の詳細については、「カラーピッカー」をご参照ください。
  • [フォントの太さ]: x 軸に沿ったテキストのフォントの太さを設定するには、ドロップダウンリストからターゲットのフォントの太さを選択します。
• [軸ラベル]: 軸ラベルを表示するには、[目] アイコンをクリックします。
  説明 データ形式がデータペインの x フィールドに設定されたデータ形式と異なる場合、エラーが表示されます。
  • [データの型]: x 軸に沿ったデータの型を設定するには、ドロップダウンリストからターゲットの型を選択します。
    • 数値
    • カテゴリ
    • 時間
  • [データ形式]: データのフォーマットを設定するには、ドロップダウンリストからターゲットのフォーマットを選択します。
    説明 以下は例です: %Y/%m/%d%H:%M:%S。
  • [表示形式]: データの表示形式を設定するには、ドロップダウンリストからターゲットの形式を選択します。
    説明 時間フォーマット: %m/%d%Y%H:%M:%S、整数フォーマット: d、浮動小数点数: .1f。
    
  • [マージン]: このチェックボックスをオンにすると、間隔 1 (チャートと y 軸の間の間隔) と間隔 2 (チャートとチャートの右罫線の間の間隔) が表示されます。このチェックボックスをオフにすると、間隔 1 と間隔 2 は表示されません。
  • [マージンサイズ]: 間隔 1 と間隔 2 を調整するには、値を入力するか、スライダーをドラッグします。値の範囲は 0 から 1 です。
  • [最小/最大]: 必要に応じて、x 軸に沿った最小値と最大値を設定できます。
  • [オフセット]: x 軸に沿ったラベル間の間隔を調整するには、値を入力するか、[+] または [-] をクリックします。
  • [単位]: 必要に応じて、x 軸に沿ったテキストの単位をカスタマイズできます。
  • [数量]: x 軸ラベルの数を変更するには、値を入力するか、[+] または [-] をクリックします。
  • [角度]: x 軸ラベルの角度を設定するには、ドロップダウンリストからターゲットの角度を選択します。オプションには、水平、傾斜、垂直があります。
  • [軸線]: 軸線を表示するには、[目] アイコンをクリックします。軸線の色を変更する方法の詳細については、「カラーピッカー」をご参照ください。
  • [グリッド線]: グリッド線を表示するには、[目] アイコンをクリックします。グリッド線の色を変更する方法の詳細については、「カラーピッカー」をご参照ください。

y 軸の設定方法の詳細については、「X 軸」をご参照ください。

• [テキストスタイル]
  • [フォントサイズ]: 凡例テキストのフォントサイズを変更するには、値を入力するか、[+] または [-] をクリックします。
  • [フォントの色]: 凡例テキストのフォントの色を変更する方法の詳細については、「カラーピッカー」をご参照ください。
  • [フォントの太さ]: 凡例テキストのフォントの太さを設定するには、ドロップダウンリストからターゲットのフォントの太さを選択します。
• [レイアウト]
  • [マージン]
    • [水平間隔]: 間隔 1 (凡例項目とチャートの右罫線の間の間隔) と間隔 2 (凡例項目とチャートの左罫線の間の間隔) を調整するには、値を入力するか、[+] または [-] をクリックします。この設定は、2 つ以上の系列が設定されている場合にのみ有効になります。
    • [垂直間隔]: 間隔 1 (凡例項目とチャートの上罫線の間の間隔) と間隔 2 (凡例項目とチャートの下罫線の間の間隔) を調整するには、値を入力するか、[+] または [-] をクリックします。
  • [位置]: 凡例項目の位置を設定するには、ドロップダウンリストからターゲットの位置を選択します。
    • 上部中央
    • 左上
    • 右上
    • 下部中央
    • 左下
    • 右下
  

• [系列名]: 必要に応じて系列の名前を設定できます。系列に名前がない場合、s フィールドの値が系列名として表示されます。s フィールドが存在しない場合は、null 値が使用されます。
• [線]
  • [色]: 線の色を変更する方法の詳細については、「カラーピッカー」をご参照ください。
  • [スタイル]: 線のスタイルを設定するには、ドロップダウンリストからターゲットのスタイルを選択します。
    • 実線
    • 点線
  • [幅]: 線の幅を変更するには、値を入力するか、[+] または [-] をクリックします。
  • [曲線]: このチェックボックスをオンにすると、線は曲線として表示されます。このチェックボックスをオフにすると、線は直線として表示されます。
• [ポイントスタイル]: ポイントスタイルを表示するには、[目] アイコンをクリックします。
  • [色]: 線のポイントの色を変更する方法の詳細については、「カラーピッカー」をご参照ください。
  • [半径]: ポイントの半径を変更するには、値を入力するか、[+] または [-] をクリックします。
• [エリア]: 塗りつぶしの色の種類を設定するには、ドロップダウンリストからターゲットの種類を選択します。
  • 単色塗りつぶし
  • グラデーション塗りつぶし
    • グラデーションの色として 2 色を選択できます。
    • グラデーションの角度を変更するには、値を入力するか、スライダーをドラッグします。値の範囲は 0 から 360 です。
  
• [ラベル]: ラベルを表示するには、[目] アイコンをクリックします。
  • [フォントサイズ]: ラベルテキストのフォントサイズを変更するには、値を入力するか、[+] または [-] をクリックします。
  • [色]: ラベルテキストのフォントの色を変更する方法の詳細については、「カラーピッカー」をご参照ください。
  • [フォントの太さ]: ラベルテキストのフォントの太さを設定するには、ドロップダウンリストからターゲットのフォントの太さを選択します。
  

• [元の期間]: ウィジェットが初めてアニメーションをレンダリングする期間を変更するには、値を入力するか、[+] または [-] をクリックします。単位はミリ秒です。
• [イージング]: アニメーションのイージングを設定するには、ドロップダウンリストからターゲットの効果を選択します。
• [データ更新の期間]: データが変更されたときのアニメーションの長さを変更するには、値を入力するか、[+] または [-] をクリックします。単位はミリ秒です。
• [最新のステータスから更新]: このチェックボックスをオンにすると、データが変更された時点からアニメーションが開始されます。このチェックボックスをオフにすると、アニメーションは開始点から始まります。