VisActor VBI
  • 日本語

      • Rose

      推奨

      - 推奨フィールド構成: 1 個の指標、1 個の次元

      - データ再構成をサポート: 少なくとも 1 個の指標、0 個の次元

      エンコーディングマッピング

      積み上げローズグラフは、次の視覚チャネルをサポートします:

      angle : 角度チャネル。複数の次元をサポートし、次元値を角度軸へマッピングします

      radius : 半径チャネル。複数の指標をサポートし、指標値を半径軸へマッピングします

      detail : 詳細チャネル。複数の次元をサポートし、同じ色系列内でより細かい粒度のデータを表示する場合に使用します

      color : 色チャネル。複数の次元または 1つの指標をサポートします。次元色は系列の区別に使い、指標色は指標値を図形色へ線形マッピングするために使います

      tooltip: ツールチップチャネル。複数の次元と 複数の指標をサポートし、データ点にホバーしたときに表示されます

      label : ラベルチャネル。複数の次元と 複数の指標をサポートし、データ点上にデータラベルを表示します

      説明

      積み上げローズグラフは、多次元データの比較に適しており、極座標系でセクターの弧長と半径によってデータの大きさを表現します

      適用シーン:

      - 多次元データの分布比較

      - 周期性データの強弱比較

      - カテゴリデータの数値と比率の同時表示

      Warning

      データ要件:

      - 少なくとも1つの数値フィールド（指標）

      - 最初の次元は角度軸に配置されます。その他の次元は指標名（複数指標が存在する場合）と結合され、凡例項目として表示されます

      - すべての指標は自動的に1つの指標へ統合されます

      デフォルトで有効な機能:

      - 凡例、極座標系、データラベル、ツールチップ、数値スケーリングがデフォルトで有効です

      chartType

      Type: "rose"

      説明

      積み上げローズグラフ

      積み上げローズグラフ。極座標系を通じて多次元データの比較関係を表示します

      例 'rose'

      dataset

      Type: Record[]

      説明

      データセット

      TidyData 仕様に準拠した集計済みデータセットです。グラフのデータソースと構造を定義するために使います。ユーザーが入力したデータセットに手動処理は不要で、VSeed の強力なデータ再構成機能が自動的に変換します。ローズグラフのデータは最終的に2つの次元と1つの指標に変換されます。

      例 [{month:'Jan', value:100}, {month:'Feb', value:150}, {month:'Mar', value:120}]

      dimensions

      Type: RadarDimension[] | undefined

      説明

      次元

      ローズグラフの最初の次元は角度軸にマッピングされます。その他の次元は指標名（複数指標が存在する場合）と結合され、凡例項目として表示されます。

      例 [{id: 'category', alias: 'Category'}]

      id

      Type: string

      説明

      次元に対応するフィールドID

      alias

      Type: string | undefined

      説明

      次元の別名

      timeFormat

      Type: TimeFormat | undefined

      説明

      次元の日付フォーマット設定

      type

      Type: "year" | "quarter" | "month" | "week" | "day" | "hour" | "minute" | "second"

      説明

      時間粒度。日付の表示精度を決定します

      encoding

      Type: "color" | "detail" | "tooltip" | "label" | "row" | "column" | "angle" | undefined

      説明

      次元をマッピングするチャネル

      - angle: 複数の次元を角度チャネルにマッピングできます

      - color: 複数の次元を色チャネルにマッピングできます

      - detail: 複数の次元を詳細チャネルにマッピングできます

      - tooltip: 複数の次元をツールチップチャネルにマッピングできます

      - label: 複数の次元をラベルチャネルにマッピングできます

      - row: 複数の次元を行チャネルにマッピングできます

      - column: 複数の次元を列チャネルにマッピングできます

      measures

      Type: RadarMeasure[] | undefined

      説明

      指標

      ローズグラフの指標は自動的に1つの指標へ統合され、半径軸にマッピングされます。複数の指標が存在する場合、指標名は他の次元と結合され、凡例項目として表示されます。

      例 [{id: 'value', alias: 'Value'}]

      id

      Type: string

      説明

      指標ID。重複できません

      alias

      Type: string | undefined

      説明

      指標の別名。重複可能です。未設定の場合、alias は id になります

      autoFormat

      Type: boolean | undefined

      説明

      数値の自動フォーマット。デフォルトで有効で、最優先です

      autoFormat=true の場合、numFormat のすべての設定を上書きします

      有効にすると、グラフのデータラベルとツールチップは指標値と言語環境に応じて適切なフォーマットを自動選択します

      フォーマット規則: 10進数値で compact notation を有効にし、小数部は最小0桁、最大2桁、自動丸めを行い、ブラウザの Intl.NumberFormat 実装を使用します

      例:

      - locale=zh-CN: 749740.264 → 74.45万

      - locale=en-US: 749740.264 → 744.5K

      numFormat

      Type: NumFormat | undefined

      説明

      指標のカスタム数値フォーマット。label と tooltip に自動適用されます

      注意: カスタムフォーマットを使うには autoFormat=false を明示する必要があります。そうしないと autoFormat がこの設定を上書きします

      type

      Type: "number" | "percent" | "permille" | "scientific" | undefined

      説明

      数値フォーマットのタイプ。数値（10進数）、パーセント（%）、パーミル（‰）、科学表記をサポートします

      ratio

      Type: number | undefined

      説明

      数値フォーマットの倍率。0にはできません

      例 - 100000 は 10万, ratio:10000, symbol:"万" - 100000 は 10K に変換されます。ratio:1000, symbol:"K"

      symbol

      Type: string | undefined

      説明

      数値フォーマットの記号。例: %, ‰

      例 - 100000 は 10万, ratio:10000, symbol:"万" - 100000 は 10K に変換されます。ratio:1000, symbol:"K"

      thousandSeparator

      Type: boolean | undefined

      説明

      数値フォーマットの桁区切り

      suffix

      Type: string | undefined

      説明

      数値フォーマットの接尾辞

      prefix

      Type: string | undefined

      説明

      数値フォーマットの接頭辞

      fractionDigits

      Type: number | undefined

      説明

      数値フォーマットの小数桁数。ブラウザの Intl.NumberFormat の minimumFractionDigits と maximumFractionDigits を使用します。significantDigits より優先度は低くなります

      例 - 1234.5678 は 1235 に変換されます。fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 は 1234.6 に変換されます。fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 は 1234.57 に変換されます。fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 は 1230.568 に変換されます。fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 は 1234.5678 に変換されます。fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 は 1234.56780 に変換されます。fractionDigits:5 (roundingMode:halfCeil)

      significantDigits

      Type: number | undefined

      説明

      数値フォーマットの有効数字。ブラウザの Intl.NumberFormat の minimumSignificantDigits と maximumSignificantDigits を使用します。fractionDigits より優先度が高くなります

      例 - 1234.5678 は 1000 に変換されます。significantDigits:1 - 1234.5678 は 1200 に変換されます。significantDigits:2 - 1234.5678 は 1230 に変換されます。significantDigits:3 - 1234.5678 は 1234 に変換されます。significantDigits:4 - 1234.5678 は 1234.6 に変換されます。significantDigits:5 (roundingMode:halfCeil) - 1234.5678 は 1234.57 に変換されます。significantDigits:6 (roundingMode:halfCeil) - 1234.5678 は 1234.568 に変換されます。significantDigits:7 (roundingMode:halfCeil) - 1234.5678 は 1234.5678 に変換されます。significantDigits:8 (roundingMode:halfCeil)

      roundingPriority

      Type: "morePrecision" | "lessPrecision" | undefined

      説明

      significantDigits と fractionDigits の両方が設定された場合の数値フォーマットの丸め優先度。ブラウザの Intl.NumberFormat を使用し、Intl.NumberFormat の roundingPriority と同じ規則に従います

      例 - 1234.5678 は 1230 に変換されます。significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 は 1234.5678 に変換されます。significantDigits:3 (roundingPriority:morePrecision)

      roundingMode

      Type: "floor" | "ceil" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined

      説明

      数値フォーマットの丸めモード。ブラウザの Intl.NumberFormat を使用し、Intl.NumberFormat の roundingMode と同じ規則に従います

      format

      Type: NumFormat | undefined

      type

      Type: "number" | "percent" | "permille" | "scientific" | undefined

      説明

      数値フォーマットのタイプ。数値（10進数）、パーセント（%）、パーミル（‰）、科学表記をサポートします

      ratio

      Type: number | undefined

      説明

      数値フォーマットの倍率。0にはできません

      例 - 100000 は 10万, ratio:10000, symbol:"万" - 100000 は 10K に変換されます。ratio:1000, symbol:"K"

      symbol

      Type: string | undefined

      説明

      数値フォーマットの記号。例: %, ‰

      例 - 100000 は 10万, ratio:10000, symbol:"万" - 100000 は 10K に変換されます。ratio:1000, symbol:"K"

      thousandSeparator

      Type: boolean | undefined

      説明

      数値フォーマットの桁区切り

      suffix

      Type: string | undefined

      説明

      数値フォーマットの接尾辞

      prefix

      Type: string | undefined

      説明

      数値フォーマットの接頭辞

      fractionDigits

      Type: number | undefined

      説明

      数値フォーマットの小数桁数。ブラウザの Intl.NumberFormat の minimumFractionDigits と maximumFractionDigits を使用します。significantDigits より優先度は低くなります

      例 - 1234.5678 は 1235 に変換されます。fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 は 1234.6 に変換されます。fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 は 1234.57 に変換されます。fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 は 1230.568 に変換されます。fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 は 1234.5678 に変換されます。fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 は 1234.56780 に変換されます。fractionDigits:5 (roundingMode:halfCeil)

      significantDigits

      Type: number | undefined

      説明

      数値フォーマットの有効数字。ブラウザの Intl.NumberFormat の minimumSignificantDigits と maximumSignificantDigits を使用します。fractionDigits より優先度が高くなります

      例 - 1234.5678 は 1000 に変換されます。significantDigits:1 - 1234.5678 は 1200 に変換されます。significantDigits:2 - 1234.5678 は 1230 に変換されます。significantDigits:3 - 1234.5678 は 1234 に変換されます。significantDigits:4 - 1234.5678 は 1234.6 に変換されます。significantDigits:5 (roundingMode:halfCeil) - 1234.5678 は 1234.57 に変換されます。significantDigits:6 (roundingMode:halfCeil) - 1234.5678 は 1234.568 に変換されます。significantDigits:7 (roundingMode:halfCeil) - 1234.5678 は 1234.5678 に変換されます。significantDigits:8 (roundingMode:halfCeil)

      roundingPriority

      Type: "morePrecision" | "lessPrecision" | undefined

      説明

      significantDigits と fractionDigits の両方が設定された場合の数値フォーマットの丸め優先度。ブラウザの Intl.NumberFormat を使用し、Intl.NumberFormat の roundingPriority と同じ規則に従います

      例 - 1234.5678 は 1230 に変換されます。significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 は 1234.5678 に変換されます。significantDigits:3 (roundingPriority:morePrecision)

      roundingMode

      Type: "floor" | "ceil" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined

      説明

      数値フォーマットの丸めモード。ブラウザの Intl.NumberFormat を使用し、Intl.NumberFormat の roundingMode と同じ規則に従います

      encoding

      Type: "color" | "tooltip" | "label" | "radius" | undefined

      説明

      指標をマッピングするチャネル

      - radius: 指標を半径チャネルへマッピングします

      - color: color チャネルにマッピングされる指標

      - label: label チャネルにマッピングされる指標

      - tooltip: tooltip チャネルにマッピングされる指標

      parentId

      Type: string | undefined

      説明

      フラットな指標設定形式でツリー状の指標グループを構築します。parentId は親指標グループの id を指し、指標ツリーの構築に使います

      Tip

      指標ツリーの設定方法は2つあります。方法1は children を持つ指標ツリーを直接設定すること、方法2は parentId を持つフラットな指標リストを設定することです。この2つは同時に使用できません

      page

      Type: Page | undefined

      説明

      ページネーション設定。ページネーションに使用するフィールド名を指定します。このフィールドは次元である必要があります。

      field

      Type: string

      説明

      ページネーションフィールド。ページネーションに使うフィールド名を指定します。必ず次元である必要があります

      currentValue

      Type: string

      説明

      現在のページネーション値。現在のページを判定するための値を指定します

      例 '2023-01-01'

      backgroundColor

      Type: BackgroundColor

      説明

      グラフ背景色

      背景色は色名文字列（例: 'red', 'blue'）、または hex、rgb、rgba 値（例: '#ff0000', 'rgba(255,0,0,0.5)'）で指定できます

      color

      Type: Color | undefined

      説明

      色

      グラフの配色を定義する色設定。色リスト、色マッピング、カラーグラデーションを含みます。

      colorScheme

      Type: string[] | undefined

      説明

      グラフ内の異なる要素の色を定義する離散カラースキーム

      例 ['#FFCDD2,#F8BBD0,#E1BEE7,#D1C4E9,#C5CAE9,#BBDEFB,#B3E5FC,#B2EBF2,#B2DFDB,#C8E6C9,#DCEDC8,#F0F4C3,#FFF9C4,#FFECB3,#FFE0B2']

      linearColorScheme

      Type: string[] | undefined

      説明

      グラフ内の異なる要素の色を定義する線形グラデーションカラースキーム

      例 ['#FFCDD2, #F8BBD0]

      colorMapping

      Type: Record<string, string> | undefined

      説明

      データ値を特定の色にマッピングする色マッピング

      例 { 'profit': 'red', 'sales': 'blue', }

      positiveColor

      Type: string | undefined

      説明

      正負色設定。グラフ内の正の値の色を定義します

      negativeColor

      Type: string | undefined

      説明

      正負色設定。グラフ内の負の値の色を定義します

      label

      Type: PieLabel | undefined

      説明

      ラベル

      グラフのデータラベル設定。位置、フォーマット、スタイルを含みます。

      enable

      Type: false | true

      説明

      ラベル機能を有効にするかどうか

      wrap

      Type: boolean | undefined

      説明

      ラベルを折り返すかどうか

      showValue

      Type: boolean | undefined

      説明

      ラベルに指標値を表示するかどうか

      複数指標のシーンでは値の衝突を心配する必要はありません。描画に関連するすべての指標は foldMeasures 処理を通り、単一データ点を表す1つの指標にマージされます

      注意: encoding の label は優先度が高いため、この設定は encoding の label には影響しません

      showValuePercent

      Type: boolean | undefined

      説明

      ラベルに指標値の割合を表示するかどうか

      複数指標のシーンでは値の衝突を心配する必要はありません。描画に関連するすべての指標は foldMeasures 処理を通り、単一データ点を表す1つの指標にマージされます

      注意: encoding の label は優先度が高いため、この設定は encoding の label には影響しません

      showDimension

      Type: boolean | undefined

      説明

      ラベルに次元ラベルを表示するかどうか

      すべての次元ラベルを表示します

      注意: encoding の label は優先度が高いため、この設定は encoding の label には影響しません

      autoFormat

      Type: boolean | undefined

      説明

      ラベル値を自動フォーマットするかどうか。autoFormat が true の場合、numFormat 設定は無視されます

      numFormat

      Type: NumFormat | undefined

      説明

      ラベル値のフォーマット設定。measure の format とマージされ、measure の format の優先度が高くなります。numFormat の優先度は autoFormat より低くなります

      type

      Type: "number" | "percent" | "permille" | "scientific" | undefined

      説明

      数値フォーマットのタイプ。数値（10進数）、パーセント（%）、パーミル（‰）、科学表記をサポートします

      ratio

      Type: number | undefined

      説明

      数値フォーマットの倍率。0にはできません

      例 - 100000 は 10万, ratio:10000, symbol:"万" - 100000 は 10K に変換されます。ratio:1000, symbol:"K"

      symbol

      Type: string | undefined

      説明

      数値フォーマットの記号。例: %, ‰

      例 - 100000 は 10万, ratio:10000, symbol:"万" - 100000 は 10K に変換されます。ratio:1000, symbol:"K"

      thousandSeparator

      Type: boolean | undefined

      説明

      数値フォーマットの桁区切り

      suffix

      Type: string | undefined

      説明

      数値フォーマットの接尾辞

      prefix

      Type: string | undefined

      説明

      数値フォーマットの接頭辞

      fractionDigits

      Type: number | undefined

      説明

      数値フォーマットの小数桁数。ブラウザの Intl.NumberFormat の minimumFractionDigits と maximumFractionDigits を使用します。significantDigits より優先度は低くなります

      例 - 1234.5678 は 1235 に変換されます。fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 は 1234.6 に変換されます。fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 は 1234.57 に変換されます。fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 は 1230.568 に変換されます。fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 は 1234.5678 に変換されます。fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 は 1234.56780 に変換されます。fractionDigits:5 (roundingMode:halfCeil)

      significantDigits

      Type: number | undefined

      説明

      数値フォーマットの有効数字。ブラウザの Intl.NumberFormat の minimumSignificantDigits と maximumSignificantDigits を使用します。fractionDigits より優先度が高くなります

      例 - 1234.5678 は 1000 に変換されます。significantDigits:1 - 1234.5678 は 1200 に変換されます。significantDigits:2 - 1234.5678 は 1230 に変換されます。significantDigits:3 - 1234.5678 は 1234 に変換されます。significantDigits:4 - 1234.5678 は 1234.6 に変換されます。significantDigits:5 (roundingMode:halfCeil) - 1234.5678 は 1234.57 に変換されます。significantDigits:6 (roundingMode:halfCeil) - 1234.5678 は 1234.568 に変換されます。significantDigits:7 (roundingMode:halfCeil) - 1234.5678 は 1234.5678 に変換されます。significantDigits:8 (roundingMode:halfCeil)

      roundingPriority

      Type: "morePrecision" | "lessPrecision" | undefined

      説明

      significantDigits と fractionDigits の両方が設定された場合の数値フォーマットの丸め優先度。ブラウザの Intl.NumberFormat を使用し、Intl.NumberFormat の roundingPriority と同じ規則に従います

      例 - 1234.5678 は 1230 に変換されます。significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 は 1234.5678 に変換されます。significantDigits:3 (roundingPriority:morePrecision)

      roundingMode

      Type: "floor" | "ceil" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined

      説明

      数値フォーマットの丸めモード。ブラウザの Intl.NumberFormat を使用し、Intl.NumberFormat の roundingMode と同じ規則に従います

      labelFontSize

      Type: number | undefined

      説明

      ラベルのフォントサイズ

      labelFontWeight

      Type: string | number | undefined

      説明

      ラベルのフォントウェイト

      labelBackgroundColor

      Type: string | undefined

      説明

      ラベルの背景色

      labelStroke

      Type: string | undefined

      説明

      ラベルの枠線色

      labelColor

      Type: string | undefined

      説明

      ラベルのフォント色

      labelColorSmartInvert

      Type: boolean | undefined

      説明

      要素の色に基づいてフォント色を自動反転するかどうか

      labelPosition

      Type: "inside" | "outside" | undefined

      説明

      ラベル位置

      labelOverlap

      Type: boolean | undefined

      説明

      ラベルの重なり回避機能を有効にするかどうか

      selector

      Type: Selector | Selectors | undefined

      説明

      ラベルフィルタリング。セレクタ間のデフォルト関係は Or です

      field

      Type: string

      説明

      次元フィールド。dimensions のいずれかの項目の id

      operator

      Type: "in" | "not in" | undefined

      説明

      次元フィールド。次元項目のID

      演算子

      op

      Type: "in" | "not in" | undefined

      説明

      - in: 次元フィールドの値が value に含まれるデータ項目を選択します

      - not in: 次元フィールドの値が value に含まれないデータ項目を選択します

      演算子

      value

      Type: string | number | (string | number)[]

      説明

      データ項目内の次元フィールド値を選択します。配列をサポートします

      dynamicFilter

      Type: ChartDynamicFilter | undefined

      説明

      動的フィルター（AI生成コード実行）

      AI が生成した JavaScript コードで複雑なデータ絞り込みロジックを実装します

      主な機能:

      • 任意の複雑なデータ絞り込み条件をサポート

      • 組み込みユーティリティ関数を使ってデータを操作

      • ブラウザー環境で安全に実行（Web Worker サンドボックス）

      環境要件: ブラウザー環境のみをサポートし、Node.js 環境では fallback を使用します

      注意: selector と dynamicFilter は同時に使用できず、dynamicFilter の優先度が高くなります

      チャート動的フィルター設定

      AI 生成の JavaScript コードでチャートマーク（棒、点など）の絞り込みを実装します

      type

      Type: "row-with-field"

      description

      Type: string | undefined

      説明

      ユーザーの絞り込み要件の説明（自然言語）

      例 "売上が1000を超えるバーを強調表示"

      "各地域で利益率が最も高いバーを強調表示"

      code

      Type: string

      説明

      AI 生成の JavaScript 絞り込みコード

      • 組み込みユーティリティ関数のみ使用できます（_ または R 経由でアクセス）

      • 入力パラメータ: data（配列）。各 item には行番号を表す __row_index フィールドが含まれます

      • 行インデックスとフィールドの組み合わせ配列を返す必要があります: Array<{ __row_index: number, field: string }>

      • __row_index は元データ項目の行番号、field は強調表示するフィールドを表します

      • 禁止: eval、Function、非同期操作、DOM API、ネットワークリクエスト

      例 売上が1000を超えるデータ項目の sales フィールドを強調表示

      const filtered = _.filter(data, item => item.sales > 1000);
return _.map(filtered, item => ({
__row_index: item.__row_index,
field: 'sales'
}));

      各地域で利益率が最も高いデータ項目を強調表示

      const grouped = _.groupBy(data, 'area');
const maxItems = _.map(grouped, group =>
_.maxBy(group, item => item.profit / item.sales)
);
return _.flatten(
_.map(maxItems, item => [
{ __row_index: item.__row_index, field: 'product' },
{ __row_index: item.__row_index, field: 'profit' }
])
);

      複数条件に一致するデータ項目を強調表示

      const filtered = _.filter(data, item => {
const profitRate = item.profit / item.sales;
return profitRate > 0.2 && item.sales > 5000;
});
return _.flatten(
_.map(filtered, item => [
{ __row_index: item.__row_index, field: 'product' },
{ __row_index: item.__row_index, field: 'sales' }
])
);

      fallback

      Type: Selector | Selectors | undefined

      説明

      コード実行失敗時、または環境がサポートされない場合のフォールバック

      field

      Type: string

      説明

      ディメンションフィールド。dimensions のいずれかの項目の id

      operator

      Type: "in" | "not in" | undefined

      説明

      演算子

      • in: ディメンションフィールドの値が value に含まれるデータ項目を選択します

      • not in: ディメンションフィールドの値が value に含まれないデータ項目を選択します

      op

      Type: "in" | "not in" | undefined

      説明

      演算子

      • in: ディメンションフィールドの値が value に含まれるデータ項目を選択します

      • not in: ディメンションフィールドの値が value に含まれないデータ項目を選択します

      operator と同じ

      value

      Type: string | number | (string | number)[]

      説明

      データ項目内のディメンションフィールドの値を選択します。配列をサポートします

      result

      Type: DynamicFilterExecutionResult<RowWithFieldRes> | undefined

      説明

      動的フィルター実行結果（実行時フィールド）

      prepare() 段階で書き込まれ、実行時は読み取り専用です

      success

      Type: false | true

      data

      Type: T[] | undefined

      error

      Type: string | undefined

      labelLayout

      Type: "arc" | "labelLine" | "edge" | undefined

      説明

      - 禁止: eval、Function、非同期操作、DOM API、ネットワークリクエスト

      legend

      Type: Legend | undefined

      説明

      凡例

      グラフの凡例設定。凡例の位置、フォーマット、スタイルなどを定義します。

      enable

      Type: boolean | undefined

      説明

      凡例機能を有効にするかどうか

      例 sales が 1000 を超えるデータ項目の sales フィールドをハイライトします

      border

      Type: boolean | undefined

      説明

      凡例の境界線を有効にするかどうか

      Warning

      離散凡例にのみ有効

      例 各エリアで利益率が最も高いデータ項目をハイライトします

      labelColor

      Type: string | undefined

      説明

      複数条件フィルタリングでデータ項目をハイライトします

      pagerIconColor

      Type: string | undefined

      説明

      コード実行に失敗した場合、または環境が対応していない場合のフォールバック方案

      pagerIconDisableColor

      Type: string | undefined

      説明

      次元フィールド。次元項目のID

      labelFontSize

      Type: number | undefined

      説明

      凡例のフォントサイズ

      例 演算子

      labelFontColor

      Type: string | undefined

      説明

      - in: 次元フィールドの値が value に含まれるデータ項目を選択します

      labelFontWeight

      Type: string | number | undefined

      説明

      凡例のフォントウェイト

      例 - not in: 次元フィールドの値が value に含まれないデータ項目を選択します

      shapeType

      Type: "circle" | "cross" | "diamond" | "square" | "arrow" | "arrow2Left" | "arrow2Right" | "wedge" | "thinTriangle" | "triangle" | "triangleUp" | "triangleDown" | "triangleRight" | "triangleLeft" | "stroke" | "star" | "wye" | "rect" | "arrowLeft" | "arrowRight" | "rectRound" | "roundLine" | undefined

      説明

      凡例の形状

      Warning

      離散凡例にのみ有効

      例 演算子

      position

      Type: "left" | "leftTop" | "leftBottom" | "lt" | "lb" | "top" | "topLeft" | "topRight" | "tl" | "tr" | "right" | "rightTop" | "rightBottom" | "rt" | "rb" | "bottom" | "bottomLeft" | "bottomRight" | "bl" | "br" | undefined

      説明

      凡例位置

      例 - in: 次元フィールドの値が value に含まれるデータ項目を選択します

      maxSize

      Type: number | undefined

      説明

      - not in: 次元フィールドの値が value に含まれないデータ項目を選択します

      Warning

      離散凡例にのみ有効

      例 maxSize: 2

      tooltip

      Type: Tooltip | undefined

      説明

      ツールチップ

      グラフのツールチップ設定。ツールチップの位置、フォーマット、スタイルなどを定義します。

      enable

      Type: false | true

      説明

      ツールチップを有効にするかどうか

      brush

      Type: Brush | undefined

      説明

      次元フィールドの値。配列に対応します

      enable

      Type: boolean | undefined

      説明

      アニメーションフィルタ実行結果（ランタイムフィールド）

      brushType

      Type: "rect" | "x" | "y" | "polygon" | undefined

      説明

      prepare() フェーズで書き込まれ、実行時は読み取り専用です

      - y: Y軸方向のブラシ選択。Y軸方向のみを制約し、X軸方向は制約しません

      - rect: 矩形ブラシ選択。X軸方向とY軸方向の両方で選択できます

      - polygon: 多角形ブラシ選択。複数の点をクリックして任意の多角形を描画し、選択します

      - y: Y軸方向のブラシ選択。Y軸方向のみを制約します

      brushMode

      Type: "single" | "multiple" | undefined

      説明

      ブラシ選択モード。単一選択または複数選択

      ブラシ選択モードを定義します

      凡例機能を有効にするかどうか

      removeOnClick

      Type: boolean | undefined

      説明

      選択終了後にブラシ範囲をクリアするかどうか

      inBrushStyle

      Type: { opacity?: number; stroke?: string; lineWidth?: number; } | undefined

      説明

      選択範囲内データのスタイル

      選択されたデータ点のスタイルを定義します

      opacity

      Type: number | undefined

      説明

      不透明度

      選択されたデータ点の不透明度。範囲は 0-1 です

      stroke

      Type: string | undefined

      説明

      Stroke color

      lineWidth

      Type: number | undefined

      説明

      ストローク幅

      outOfBrushStyle

      Type: { opacity?: number; stroke?: string; lineWidth?: number; } | undefined

      説明

      選択範囲外データのスタイル

      選択されていないデータ点のスタイルを定義します

      opacity

      Type: number | undefined

      説明

      legend font color

      選択されていないデータポイントの不透明度。範囲は 0-1 です

      stroke

      Type: string | undefined

      説明

      Stroke color

      lineWidth

      Type: number | undefined

      説明

      ストローク幅

      animation

      Type: PieLikeAnimation | undefined

      説明

      凡例のフォントサイズ

      グラフアニメーション設定。選択可能な効果はグラフタイプによって制約されます

      enable

      Type: boolean | undefined

      説明

      legend font color

      params

      Type: PieLikeAnimationParams | undefined

      説明

      凡例のフォントウェイト

      appear

      Type: PieLikeAppearAnimation | undefined

      説明

      円グラフ/ドーナツ/ローズグラフの入場アニメーション設定

      effects

      Type: ("radial" | "scale")[] | undefined

      説明

      円グラフ/ドーナツ/ローズグラフの入場効果。放射状とズームのアニメーションをサポートします

      enable

      Type: boolean | undefined

      説明

      現在のアニメーション段階を有効にするかどうか

      ease

      Type: string | undefined

      説明

      アニメーションのイージング関数

      duration

      Type: number | undefined

      説明

      凡例位置

      color

      Type: string | undefined

      説明

      アニメーションのハイライトまたは雰囲気色

      update

      Type: PieLikeUpdateAnimation | undefined

      説明

      円グラフ/ドーナツ/ローズグラフの更新アニメーション設定

      effects

      Type: "radial"[] | undefined

      説明

      円グラフ/ドーナツ/ローズグラフの更新効果。放射状アニメーションをサポートします

      enable

      Type: boolean | undefined

      説明

      現在のアニメーション段階を有効にするかどうか

      ease

      Type: string | undefined

      説明

      アニメーションのイージング関数

      duration

      Type: number | undefined

      説明

      アニメーション時間。単位はミリ秒

      color

      Type: string | undefined

      説明

      ツールチップ

      loop

      Type: PieLikeAnimationLoop | undefined

      説明

      グラフのツールチップ設定。位置、フォーマット、スタイルなどを定義します。

      enable

      Type: boolean | undefined

      説明

      ツールチップ機能を有効にするかどうか

      interval

      Type: number | undefined

      説明

      ブラシ選択枠の形状と選択方向を定義します

      loop

      Type: PieLikeLoopAnimation | undefined

      説明

      - polygon: 多角形選択。複数の点をクリックして任意の多角形を描画して選択できます

      effects

      Type: PieLikeLoopEffect[] | undefined

      説明

      ブラシ選択モード: 単一または複数

      enable

      Type: boolean | undefined

      説明

      選択されたデータ点のスタイルを定義します。

      ease

      Type: string | undefined

      説明

      brushtype

      duration

      Type: number | undefined

      説明

      不透明度

      color

      Type: string | undefined

      説明

      選択されたデータ点の不透明度。範囲は 0-1 です

      atmosphere

      Type: NoEffectAtmosphereConfig | undefined

      説明

      - polygon: 多角形ブラシ選択。複数の点をクリックして任意の多角形を描画して選択します

      ease

      Type: string | undefined

      説明

      - x: X軸方向のみのブラシ選択。Y軸方向は制限されません

      color

      Type: string | undefined

      説明

      - y: Y軸方向のみのブラシ選択。X軸方向は制限されません

      theme

      Type: Theme | undefined

      説明

      選択されたデータ点の不透明度。範囲は 0-1 です

      未選択データ項目のスタイル

      選択されたブラシ範囲外のデータ点のスタイルを定義します

      - multiple: 複数選択モード。複数のブラシ範囲を同時に存在させることができます

      例 ブラシ選択終了後に選択範囲をクリアするかどうか

      未選択データ点の不透明度。範囲は 0-1 です

      ブラシ選択されたデータ点のスタイルを定義します

      length

      Type: number

      brand

      Type: brand

      locale

      Type: "zh-CN" | "en-US" | "ja-JP" | "de-DE" | "id-ID" | "fr-FR" | "ko-KR" | "vi-VN" | undefined

      説明

      未選択データ項目のスタイル

      ブラシ選択外のデータ点のスタイルを定義します