プロジェクトに 1 つ以上の点縦棒グラフを追加して、データの違いをより明確に表示できます。

スタイル

  • 基本属性
    • Size:幅と高さを調整して、ウィジェットのサイズを設定します。
    • Position:横座標と縦座標を調整して、ウィジェットの位置を設定します。
    • Others:ウィジェットの回転角度と不透明度を設定します。
  • グローバル設定
    • フォントファミリ: 表示されるテキストのフォントを設定するには、ドロップダウン矢印をクリックして目的のフォントを選択します。 デフォルトのフォントは Microsoft YaHei です。
    • バー
      • 内側のパディング: 列の間隔を調整するには、値を入力するかスライダをドラッグします。 値の範囲は 0 から 1 です。
        各ラベルはグループに対応しています。
      • 外側のパディング: 間隔 1 (左端の列とグラフの Y 軸の間隔) と間隔 2 (右端の列と右枠の間隔) を調整するには、値を入力するか、スライダをドラッグします。 値の範囲は 0 から 1 です。
      • ストローク幅: 各ストロークの幅を変更するには、値を入力するか、 [+] または [-] をクリックします。
      • 行のパディング: 線の間隔を調整するには、値を入力するか、 [+] または [-] をクリックします。
    • マージン
      • : 棒グラフと上枠の間隔を調整するには、値を入力するか、 [+] または [-] をクリックします。
      • : 棒グラフと下枠の間隔を調整するには、値を入力するか、 [+] または [-] をクリックします。
      • : 棒グラフと左枠の間隔を調整するには、値を入力するか、 [+] または [-] をクリックします。
      • : 棒グラフと右枠の間隔を調整するには、値を入力するか、 [+] または [-] をクリックします。
    • ラベル: ラベルを表示するには、アイコンをクリックします。
      • テキストスタイル
        • フォントサイズ: ラベルテキストのフォントサイズを変更するには、値を入力するか、 [+] または [-] をクリックします。
        • フォントの色: ラベルテキストのフォントの色を変更するには、「カラーピッカー」をご参照ください。
        • フォントの太さ: ラベルテキストのフォントの太さを設定するには、ドロップダウン矢印をクリックして目的のフォントの太さを選択します。
      • 空のデータ: このオプションを選択すると、Y 軸にデータがない場合は 0 が表示されます。
  • X軸
    • テキストスタイル
      • フォントサイズ: X 軸方向のテキストのフォントサイズを変更するには、値を入力するか、 [+] または [-] をクリックします。
      • フォントの色: X 軸方向のテキストのフォントの色を変更するには、「カラーピッカー」をご参照ください。
      • フォントの太さ: X 軸方向のテキストのフォントの太さを設定するには、ドロップダウン矢印をクリックしてターゲットのフォントの太さを選択します。
    • 軸ラベル: 軸ラベルを表示するには、アイコンをクリックします。
      • 角度: X 軸方向の軸ラベルの角度を設定するには、ドロップダウン矢印をクリックしてターゲット角度を選択します。
        • 水平
        • 傾斜
        • 垂直
      • 数量: X 軸方向の軸ラベルの数を変更するには、値を入力するか、 [+] または [-] をクリックします。
        このフィールドを 0 に設定すると、データと列数に従って軸ラベルが自動的に表示されます。
    • 軸線: 軸線を表示するには、アイコンをクリックします。
    • グリッド線: グリッド線を表示するには、アイコンをクリックします。
      • : グリッド線の色を変更するには、「カラーピッカー」をご参照ください。
  • Y 軸: Y 軸を表示するには、アイコンをクリックします。
    • テキストスタイル
      • フォントサイズ: Y 軸方向のテキストのフォントサイズを変更するには、値を入力するか、 [+] または [-] をクリックします。
      • フォントの色: Y 軸方向のテキストのフォントの色を変更するには、「カラーピッカー」をご参照ください。
      • フォントの太さ: Y 軸方向のテキストのフォントの太さを設定するには、ドロップダウン矢印をクリックしてターゲットのフォントの太さを選択します。
    • 軸ラベル: 軸ラベルを表示するには、アイコンをクリックします。
      • 最小値: Y 軸方向の最小値の表示フォーマットを設定するには、ドロップダウン矢印をクリックしてターゲットフォーマットを選択します。
        • 最小データ値
        • 自動丸め
      • 最大値: Y 軸方向の最大値の表示形式を設定するには、ドロップダウン矢印をクリックして目的の形式を選択します。
        値 "auto" は自動丸めを示します。
        • 最大データ値
        • 自動丸め
      • 数量: Y 軸方向の軸ラベルの数を変更するには、値を入力するか、 [+] または [-] をクリックします。
      • 表示フォーマット: Y 軸方向の軸ラベルの表示フォーマットを設定するには、ドロップダウン矢印をクリックして目的のフォーマットを選択します。
    • 単位: 単位を表示するには、アイコンをクリックします。
      • 単位: 必要に応じて、Y 軸方向のラベルテキストの単位を設定できます。
    • 軸線: 軸線を表示するには、アイコンをクリックします。
    • グリッド線: グリッド線を表示するには、アイコンをクリックします。
      • : グリッド線の色を変更するには、「カラーピッカー」をご参照ください。
  • 凡例: 凡例項目を表示するには、アイコンをクリックします。
    • テキストスタイル
      • フォントサイズ: 凡例のフォントサイズを変更するには、値を入力するか、 [+] または [-] をクリックします。
      • フォントの色: 凡例のフォントの色を変更するには、「カラーピッカー」をご参照ください。
      • フォントの太さ: 凡例のテキストのフォントの太さを設定するには、ドロップダウン矢印をクリックして目的のフォントの太さを選択します。
    • レイアウト
      • マージン
        • 水平間隔: 間隔 1 (凡例項目とグラフの右枠の間隔) と間隔 2 (凡例項目とグラフの左枠の間隔) を調整するためには、値を入力するか、 [+] または [-] をクリックします。 設定は、シリーズが複数設定されている場合にのみ有効です。
        • 縦の間隔: 間隔 1 (凡例項目とグラフの上枠の間隔) と間隔 2 (凡例項目とグラフ下枠の間隔)を調整するためには、値を入力するか、 [+] または [-] をクリックします。
      • 位置: 凡例項目の位置を設定するには、ドロップダウン矢印をクリックして目的の位置を選択します。
        • 上部中央
        • 左上
        • 右上
        • 下部中央
        • 左下
        • 右下
  • シリーズ: シリーズを追加または削除するには、 [+] または ゴミ箱アイコンをクリックします。
    • シリーズ名: 必要に応じてシリーズの名前を設定できます。 シリーズに名前がない場合は、sの値がシリーズ名として自動的に表示されます。 シリーズに名前がある場合は、データが正しい順序で表示されていることを確認してください。 詳細はよくある質問 (ユーザーセルフチェックプロセス)をご参照ください。
    • : 塗りつぶしの色の種類を設定するには、ドロップダウン矢印をクリックしてターゲットの種類を選択します。
      • 塗りつぶし:シリーズの色を変更するには、「カラーピッカー」をご参照ください。
      • グラデーション塗りつぶし
        • グラデーションカラーとして 2 色を選択できます。 詳細は、「カラーピッカー」をご参照ください。
        • グラデーション角度を変更するには、値を入力するか、スライダをドラッグします。 値の範囲は、0 から 360 です。
  • アニメーション: アニメーションオプションを表示するには、アイコンをクリックします。
    • 元の期間: ウィジェットが最初にアニメーションをレンダリングする期間を変更するには、値を入力するか、 [+] または [-] をクリックします。 単位はミリ秒です。
    • イージング: アニメーションイージングを設定するには、ドロップダウン矢印をクリックして目的の効果を選択します。
    • 連続して全シリーズをアニメーション: このオプションをオンにすると、異なるシリーズの列のアニメーションが順番に表示されます。 このオプションをオフにすると、グラフ内の異なる系列のバーのアニメーションが同時に表示されます。
    • データアップデートの期間: データが変更になったときのアニメーション期間を変更するには、値を入力するか、 [+] または [-] をクリックします。 単位はミリ秒です。
    • 最新の状態から更新: このオプションをオンにすると、アニメーションはデータが変更された列から始まります。 このオプションをオフにすると、アニメーションは開始点から始まります。

データ

  • x: 各バーのカテゴリテキスト
  • y: 各列の実際のデータ値
  • s: (オプション) シリーズデータ

インタラクション

このウィジェットはまだイベントにバインドされていません。