VisActor VBI
  • Bahasa Indonesia

      • Pie

      Rekomendasi

      - Konfigurasi field yang direkomendasikan: 1 metrik, 1 dimensi

      - Mendukung reshape data: minimal 1 metrik, 0 dimensi

      Pemetaan encoding

      Diagram pai mendukung kanal visual berikut:

      angle : kanal sudut, mendukung beberapa metrik, memetakan nilai metrik ke sudut sektor

      detail : kanal detail, mendukung beberapa dimensi, digunakan untuk menampilkan data yang lebih rinci dalam seri warna yang sama

      color : kanal warna, mendukung beberapa dimensi atau satu metrik; warna dimensi membedakan seri data, sedangkan warna metrik memetakan nilai metrik secara linear ke warna grafis

      tooltip: kanal tooltip, mendukung beberapa dimensi dan beberapa metrik, ditampilkan saat kursor berada di atas titik data

      label : kanal label, mendukung beberapa dimensi dan beberapa metrik, menampilkan label data pada titik data

      Deskripsi

      Diagram pai cocok untuk menampilkan hubungan proporsi data satu dimensi, dengan luas sektor menunjukkan proporsi tiap kategori.

      Skenario penggunaan:

      - Menampilkan distribusi proporsi data kategori

      - Menekankan hubungan antara keseluruhan dan bagian

      - Analisis proporsi dengan jumlah kategori sedikit (disarankan tidak lebih dari 6)

      Warning

      Kebutuhan data:

      - Minimal 1 field numerik (metrik)

      - Semua dimensi digabungkan dengan nama metrik jika ada beberapa metrik menjadi satu dimensi dan ditampilkan sebagai item legenda

      - Semua metrik otomatis digabungkan menjadi satu metrik

      Fitur yang aktif secara default:

      - Legenda, label data, tooltip, dan perhitungan proporsi aktif secara default

      chartType

      Type: "pie"

      Deskripsi

      Diagram pai

      Diagram pai, menampilkan hubungan proporsi data satu dimensi

      Contoh 'pie'

      dataset

      Type: Record[]

      Deskripsi

      Dataset

      Dataset yang telah diagregasi dan sesuai spesifikasi TidyData, digunakan untuk menentukan sumber serta struktur data diagram. Dataset masukan pengguna tidak perlu diproses lagi; VSeed memiliki kemampuan reshape data yang kuat dan akan melakukan reshape secara otomatis. Data diagram pai akhirnya dikonversi menjadi 1 dimensi dan 1 metrik.

      Contoh [{category:'A', value:30}, {category:'B', value:70}]

      dimensions

      Type: PieDimension[] | undefined

      Deskripsi

      Dimensi

      Semua dimensi diagram pai digabungkan dengan nama metrik jika ada beberapa metrik menjadi satu dimensi, dipetakan ke sudut, dan ditampilkan sebagai item legenda

      Contoh [{id: 'category', alias: 'Kategori'}]

      id

      Type: string

      Deskripsi

      ID field yang sesuai dengan dimensi

      alias

      Type: string | undefined

      Deskripsi

      Alias dimensi

      timeFormat

      Type: TimeFormat | undefined

      Deskripsi

      Konfigurasi format tanggal dimensi

      type

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

      Deskripsi

      Granularitas waktu, menentukan presisi tampilan tanggal

      encoding

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

      Deskripsi

      Kanal tempat dimensi dipetakan

      - color: mendukung pemetaan beberapa dimensi ke kanal warna

      - detail: mendukung pemetaan beberapa dimensi ke kanal detail

      - tooltip: mendukung pemetaan beberapa dimensi ke kanal tooltip

      - label: mendukung pemetaan beberapa dimensi ke kanal label

      - row: mendukung pemetaan beberapa dimensi ke kanal baris

      - column: mendukung pemetaan beberapa dimensi ke kanal kolom

      measures

      Type: PieMeasure[] | undefined

      Deskripsi

      Metrik

      Semua metrik diagram pai otomatis digabungkan menjadi satu metrik dan dipetakan ke sumbu radius. Jika ada beberapa metrik, nama metrik digabungkan dengan dimensi lainnya dan ditampilkan sebagai item legenda.

      Contoh [{id: 'value', alias: 'Proporsi nilai', format: 'percent'}]

      id

      Type: string

      Deskripsi

      ID metrik, harus unik

      alias

      Type: string | undefined

      Deskripsi

      Alias metrik, boleh duplikat; jika tidak diatur, alias bernilai id

      autoFormat

      Type: boolean | undefined

      Deskripsi

      Pemformatan angka otomatis, aktif secara default, prioritas tertinggi

      Saat autoFormat=true, semua konfigurasi numFormat akan ditimpa

      Saat diaktifkan, label data diagram dan tooltip otomatis memilih format yang sesuai berdasarkan nilai metrik dan locale

      Aturan format: angka desimal dengan compact notation aktif, minimal 0 digit desimal, maksimal 2 digit desimal, pembulatan otomatis, menggunakan implementasi Intl.NumberFormat browser

      Contoh:

      - locale=zh-CN: 749740.264 → 74.45万

      - locale=en-US: 749740.264 → 744.5K

      numFormat

      Type: NumFormat | undefined

      Deskripsi

      Pemformatan angka kustom untuk metrik; otomatis diterapkan pada label dan tooltip

      Catatan: Untuk memakai format kustom, autoFormat=false harus diatur secara eksplisit; jika tidak, autoFormat akan menimpa konfigurasi ini

      type

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

      Deskripsi

      Tipe format angka, mendukung: angka (desimal), persen (%), permille (‰), notasi ilmiah

      ratio

      Type: number | undefined

      Deskripsi

      Rasio format angka, tidak boleh 0

      Contoh - 100000 menjadi 10万, ratio:10000, symbol:"万" - 100000 dikonversi menjadi 10K, ratio:1000, symbol:"K"

      symbol

      Type: string | undefined

      Deskripsi

      Simbol format angka, misalnya %, ‰

      Contoh - 100000 menjadi 10万, ratio:10000, symbol:"万" - 100000 dikonversi menjadi 10K, ratio:1000, symbol:"K"

      thousandSeparator

      Type: boolean | undefined

      Deskripsi

      Pemisah ribuan untuk format angka

      suffix

      Type: string | undefined

      Deskripsi

      Sufiks format angka

      prefix

      Type: string | undefined

      Deskripsi

      Prefiks format angka

      fractionDigits

      Type: number | undefined

      Deskripsi

      Jumlah digit desimal untuk format angka, menggunakan minimumFractionDigits dan maximumFractionDigits dari Intl.NumberFormat browser; prioritas lebih rendah daripada significantDigits

      Contoh - 1234.5678 dikonversi menjadi 1235 , fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.6 , fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.57 , fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1230.568 , fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.5678 , fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.56780 , fractionDigits:5 (roundingMode:halfCeil)

      significantDigits

      Type: number | undefined

      Deskripsi

      Digit signifikan untuk format angka, menggunakan minimumSignificantDigits dan maximumSignificantDigits dari Intl.NumberFormat browser; prioritas lebih tinggi daripada fractionDigits

      Contoh - 1234.5678 dikonversi menjadi 1000 , significantDigits:1 - 1234.5678 dikonversi menjadi 1200 , significantDigits:2 - 1234.5678 dikonversi menjadi 1230 , significantDigits:3 - 1234.5678 dikonversi menjadi 1234 , significantDigits:4 - 1234.5678 dikonversi menjadi 1234.6 , significantDigits:5 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.57 , significantDigits:6 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.568 , significantDigits:7 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.5678 , significantDigits:8 (roundingMode:halfCeil)

      roundingPriority

      Type: "morePrecision" | "lessPrecision" | undefined

      Deskripsi

      Prioritas pembulatan format angka saat significantDigits dan fractionDigits sama-sama diatur; menggunakan Intl.NumberFormat browser dan mengikuti aturan roundingPriority yang sama

      Contoh - 1234.5678 dikonversi menjadi 1230 , significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 dikonversi menjadi 1234.5678 , significantDigits:3 (roundingPriority:morePrecision)

      roundingMode

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

      Deskripsi

      Mode pembulatan format angka, menggunakan Intl.NumberFormat browser dan mengikuti aturan roundingMode yang sama

      format

      Type: NumFormat | undefined

      type

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

      Deskripsi

      Tipe format angka, mendukung: angka (desimal), persen (%), permille (‰), notasi ilmiah

      ratio

      Type: number | undefined

      Deskripsi

      Rasio format angka, tidak boleh 0

      Contoh - 100000 menjadi 10万, ratio:10000, symbol:"万" - 100000 dikonversi menjadi 10K, ratio:1000, symbol:"K"

      symbol

      Type: string | undefined

      Deskripsi

      Simbol format angka, misalnya %, ‰

      Contoh - 100000 menjadi 10万, ratio:10000, symbol:"万" - 100000 dikonversi menjadi 10K, ratio:1000, symbol:"K"

      thousandSeparator

      Type: boolean | undefined

      Deskripsi

      Pemisah ribuan untuk format angka

      suffix

      Type: string | undefined

      Deskripsi

      Sufiks format angka

      prefix

      Type: string | undefined

      Deskripsi

      Prefiks format angka

      fractionDigits

      Type: number | undefined

      Deskripsi

      Jumlah digit desimal untuk format angka, menggunakan minimumFractionDigits dan maximumFractionDigits dari Intl.NumberFormat browser; prioritas lebih rendah daripada significantDigits

      Contoh - 1234.5678 dikonversi menjadi 1235 , fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.6 , fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.57 , fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1230.568 , fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.5678 , fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.56780 , fractionDigits:5 (roundingMode:halfCeil)

      significantDigits

      Type: number | undefined

      Deskripsi

      Digit signifikan untuk format angka, menggunakan minimumSignificantDigits dan maximumSignificantDigits dari Intl.NumberFormat browser; prioritas lebih tinggi daripada fractionDigits

      Contoh - 1234.5678 dikonversi menjadi 1000 , significantDigits:1 - 1234.5678 dikonversi menjadi 1200 , significantDigits:2 - 1234.5678 dikonversi menjadi 1230 , significantDigits:3 - 1234.5678 dikonversi menjadi 1234 , significantDigits:4 - 1234.5678 dikonversi menjadi 1234.6 , significantDigits:5 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.57 , significantDigits:6 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.568 , significantDigits:7 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.5678 , significantDigits:8 (roundingMode:halfCeil)

      roundingPriority

      Type: "morePrecision" | "lessPrecision" | undefined

      Deskripsi

      Prioritas pembulatan format angka saat significantDigits dan fractionDigits sama-sama diatur; menggunakan Intl.NumberFormat browser dan mengikuti aturan roundingPriority yang sama

      Contoh - 1234.5678 dikonversi menjadi 1230 , significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 dikonversi menjadi 1234.5678 , significantDigits:3 (roundingPriority:morePrecision)

      roundingMode

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

      Deskripsi

      Mode pembulatan format angka, menggunakan Intl.NumberFormat browser dan mengikuti aturan roundingMode yang sama

      encoding

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

      Deskripsi

      Kanal tempat metrik dipetakan

      - angle: sudut tempat metrik dipetakan

      - color: metrik dipetakan ke kanal warna

      - label: metrik dipetakan ke kanal label

      - tooltip: metrik dipetakan ke kanal tooltip

      parentId

      Type: string | undefined

      Deskripsi

      Dalam bentuk konfigurasi metrik datar, membangun grup metrik berbentuk tree. parentId menunjuk ke id grup metrik induk untuk membangun tree metrik

      Tip

      Ada dua cara mengonfigurasi tree metrik: Opsi 1 langsung mengonfigurasi tree metrik dengan children; Opsi 2 mengonfigurasi daftar metrik datar dengan parentId. Kedua cara ini tidak dapat digunakan bersamaan

      page

      Type: Page | undefined

      Deskripsi

      Konfigurasi paginasi, digunakan untuk menentukan nama field paginasi, dan harus berupa dimensi.

      field

      Type: string

      Deskripsi

      Field paginasi; menentukan nama field untuk paginasi dan harus berupa dimensi

      currentValue

      Type: string

      Deskripsi

      Nilai paginasi saat ini; menentukan nilai yang digunakan untuk menentukan halaman saat ini

      Contoh '2023-01-01'

      backgroundColor

      Type: BackgroundColor

      Deskripsi

      Warna latar belakang chart

      Warna latar dapat berupa string warna (misalnya 'red', 'blue'), atau nilai hex, rgb, atau rgba (misalnya '#ff0000', 'rgba(255,0,0,0.5)')

      color

      Type: Color | undefined

      Deskripsi

      Warna

      colorScheme

      Type: string[] | undefined

      Deskripsi

      Skema warna diskret untuk menentukan warna berbagai elemen dalam chart

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

      linearColorScheme

      Type: string[] | undefined

      Deskripsi

      Skema warna gradien linear untuk menentukan warna berbagai elemen dalam chart

      Contoh ['#FFCDD2, #F8BBD0]

      colorMapping

      Type: Record<string, string> | undefined

      Deskripsi

      Pemetaan warna, digunakan untuk memetakan nilai data ke warna tertentu

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

      positiveColor

      Type: string | undefined

      Deskripsi

      Konfigurasi warna positif/negatif; mendefinisikan warna untuk nilai positif pada chart

      negativeColor

      Type: string | undefined

      Deskripsi

      Konfigurasi warna positif/negatif; mendefinisikan warna untuk nilai negatif pada chart

      label

      Type: PieLabel | undefined

      Deskripsi

      Konfigurasi label untuk menentukan label data diagram, termasuk posisi, format, dan style.

      enable

      Type: false | true

      Deskripsi

      Apakah label diaktifkan

      wrap

      Type: boolean | undefined

      Deskripsi

      Apakah label dibungkus ke baris berikutnya

      showValue

      Type: boolean | undefined

      Deskripsi

      Apakah label menampilkan nilai metrik

      Dalam skenario multi-metrik, tidak perlu khawatir nilai beberapa metrik saling bertentangan, karena semua metrik terkait penggambaran diproses oleh foldMeasures dan digabungkan menjadi satu metrik yang mewakili satu titik data.

      Catatan: encoding.label memiliki prioritas lebih tinggi; konfigurasi ini tidak memengaruhi encoding.label

      showValuePercent

      Type: boolean | undefined

      Deskripsi

      Apakah label menampilkan persentase nilai metrik

      Dalam skenario multi-metrik, tidak perlu khawatir nilai beberapa metrik saling bertentangan, karena semua metrik terkait penggambaran diproses oleh foldMeasures dan digabungkan menjadi satu metrik yang mewakili satu titik data.

      Catatan: encoding.label memiliki prioritas lebih tinggi; konfigurasi ini tidak memengaruhi encoding.label

      showDimension

      Type: boolean | undefined

      Deskripsi

      Apakah label menampilkan label dimensi

      Menampilkan semua label dimensi

      Catatan: encoding.label memiliki prioritas lebih tinggi; konfigurasi ini tidak memengaruhi encoding.label

      autoFormat

      Type: boolean | undefined

      Deskripsi

      Apakah nilai label diformat otomatis. Saat autoFormat bernilai true, konfigurasi numFormat diabaikan

      numFormat

      Type: NumFormat | undefined

      Deskripsi

      Konfigurasi format nilai label. Konfigurasi ini digabungkan dengan format dalam measure; format dalam measure memiliki prioritas lebih tinggi. numFormat memiliki prioritas lebih rendah daripada autoFormat

      type

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

      Deskripsi

      Jenis format angka. Mendukung angka (desimal), persen (%), permille (‰), dan notasi ilmiah

      ratio

      Type: number | undefined

      Deskripsi

      Rasio pemformatan angka. Tidak boleh 0

      Contoh - 100000 dikonversi menjadi 10K, ratio:1000, symbol:"K"

      symbol

      Type: string | undefined

      Deskripsi

      Simbol pemformatan angka, misalnya % atau ‰

      Contoh - 100000 dikonversi menjadi 10K, ratio:1000, symbol:"K"

      thousandSeparator

      Type: boolean | undefined

      Deskripsi

      Pemisah ribuan untuk pemformatan angka

      suffix

      Type: string | undefined

      Deskripsi

      Sufiks pemformatan angka

      prefix

      Type: string | undefined

      Deskripsi

      Prefiks pemformatan angka

      fractionDigits

      Type: number | undefined

      Deskripsi

      Digit desimal untuk pemformatan angka, menggunakan minimumFractionDigits dan maximumFractionDigits dari Intl.NumberFormat browser. Prioritas lebih rendah daripada significantDigits

      Contoh - 1234.5678 dikonversi menjadi 1234.6 , fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.57 , fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1230.568 , fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.5678 , fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.56780 , fractionDigits:5 (roundingMode:halfCeil)

      significantDigits

      Type: number | undefined

      Deskripsi

      Digit signifikan untuk pemformatan angka, menggunakan minimumSignificantDigits dan maximumSignificantDigits dari Intl.NumberFormat browser. Prioritas lebih tinggi daripada fractionDigits

      Contoh - 1234.5678 dikonversi menjadi 1200 , significantDigits:2 - 1234.5678 dikonversi menjadi 1230 , significantDigits:3 - 1234.5678 dikonversi menjadi 1234 , significantDigits:4 - 1234.5678 dikonversi menjadi 1234.6 , significantDigits:5 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.57 , significantDigits:6 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.568 , significantDigits:7 (roundingMode:halfCeil) - 1234.5678 dikonversi menjadi 1234.5678 , significantDigits:8 (roundingMode:halfCeil)

      roundingPriority

      Type: "morePrecision" | "lessPrecision" | undefined

      Deskripsi

      Prioritas pembulatan pemformatan angka saat significantDigits dan fractionDigits sama-sama diatur, menggunakan Intl.NumberFormat browser dengan aturan yang sama seperti roundingPriority Intl.NumberFormat

      Contoh - 1234.5678 dikonversi menjadi 1234.5678 , significantDigits:3 (roundingPriority:morePrecision)

      roundingMode

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

      Deskripsi

      Mode pembulatan pemformatan angka, menggunakan Intl.NumberFormat browser dengan aturan yang sama seperti roundingMode Intl.NumberFormat

      labelFontSize

      Type: number | undefined

      Deskripsi

      Ukuran font label

      labelFontWeight

      Type: string | number | undefined

      Deskripsi

      Ketebalan font label

      labelBackgroundColor

      Type: string | undefined

      Deskripsi

      Warna latar label

      labelStroke

      Type: string | undefined

      Deskripsi

      Warna stroke label

      labelColor

      Type: string | undefined

      Deskripsi

      Warna font label

      labelColorSmartInvert

      Type: boolean | undefined

      Deskripsi

      Apakah warna font label otomatis dibalik berdasarkan warna mark

      labelPosition

      Type: "inside" | "outside" | undefined

      Deskripsi

      Posisi label

      labelOverlap

      Type: boolean | undefined

      Deskripsi

      Apakah anti-overlap label diaktifkan

      selector

      Type: Selector | Selectors | undefined

      Deskripsi

      Filter label. Secara default, hubungan kondisi antar selectors adalah OR

      field

      Type: string

      Deskripsi

      Field dimensi, id dari salah satu item dalam dimensions

      operator

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

      Deskripsi

      Operator

      - in: memilih item data dengan nilai field dimensi yang ada dalam value

      - not in: memilih item data dengan nilai field dimensi yang tidak ada dalam value

      op

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

      Deskripsi

      Operator

      - in: memilih item data dengan nilai field dimensi yang ada dalam value

      - not in: memilih item data dengan nilai field dimensi yang tidak ada dalam value

      sama dengan operator

      value

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

      Deskripsi

      Memilih nilai field dimensi dalam item data. Array didukung

      dynamicFilter

      Type: ChartDynamicFilter | undefined

      Deskripsi

      Filter dinamis (eksekusi kode yang dihasilkan AI)

      Mengimplementasikan logika filter data kompleks melalui kode JavaScript yang dihasilkan AI

      Kemampuan utama:

      - Mendukung kondisi filter data yang sangat kompleks

      - Menggunakan fungsi utilitas bawaan untuk operasi data

      - Dieksekusi dengan aman di lingkungan browser (sandbox Web Worker)

      Persyaratan lingkungan: hanya didukung di lingkungan browser; lingkungan Node.js akan menggunakan fallback

      Catatan: selector dan dynamicFilter tidak dapat digunakan bersamaan. dynamicFilter memiliki prioritas lebih tinggi

      Konfigurasi filter dinamis chart

      Menggunakan kode JavaScript yang dihasilkan AI untuk memfilter mark chart (bar, titik, dan sebagainya)

      type

      Type: "row-with-field"

      description

      Type: string | undefined

      Deskripsi

      Deskripsi kebutuhan filter pengguna (bahasa alami)

      Contoh "Sorot batang dengan penjualan di atas 1000"

      "Sorot batang dengan margin laba tertinggi di setiap wilayah"

      code

      Type: string

      Deskripsi

      Kode filter JavaScript yang dihasilkan AI

      - Hanya boleh menggunakan fungsi utilitas bawaan (diakses melalui _ atau R)

      - Parameter input: data (array), setiap item berisi field __row_index sebagai nomor baris

      - Harus mengembalikan array kombinasi indeks baris dan field: Array<{ __row_index: number, field: string }>

      - __row_index adalah nomor baris item data asli, dan field adalah field yang perlu disorot

      - Dilarang: eval, Function, operasi async, DOM API, request jaringan

      Contoh return _.map(filtered, item => ({

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

      const maxItems = _.map(grouped, group =>

      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 profitRate = item.profit / item.sales;

      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

      Deskripsi

      Fallback ketika eksekusi kode gagal atau lingkungan tidak didukung

      field

      Type: string

      Deskripsi

      Field dimensi, id dari salah satu item dalam dimensions

      operator

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

      Deskripsi

      Operator

      - in: memilih item data dengan nilai field dimensi yang ada dalam value

      - not in: memilih item data dengan nilai field dimensi yang tidak ada dalam value

      op

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

      Deskripsi

      Operator

      - in: memilih item data dengan nilai field dimensi yang ada dalam value

      - not in: memilih item data dengan nilai field dimensi yang tidak ada dalam value

      sama dengan operator

      value

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

      Deskripsi

      Memilih nilai field dimensi dalam item data. Array didukung

      result

      Type: DynamicFilterExecutionResult<RowWithFieldRes> | undefined

      Deskripsi

      Hasil eksekusi filter dinamis (field runtime)

      Ditulis pada tahap prepare(); hanya baca saat runtime

      success

      Type: false | true

      data

      Type: T[] | undefined

      error

      Type: string | undefined

      labelLayout

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

      Deskripsi

      Metode tata letak label, hanya berlaku untuk diagram pai dan donat serta saat labelPosition bernilai outside

      - arc: menata label mengikuti bentuk busur

      - labelLine: menyelaraskan kedua sisi label dan menghubungkan elemen sektor dengan label melalui garis panduan

      - edge: menyelaraskan kedua sisi label, menghubungkan elemen sektor dengan label melalui garis panduan, dan mendekatkannya ke kedua tepi chart

      legend

      Type: Legend | undefined

      Deskripsi

      Legenda

      Konfigurasi legenda untuk menentukan legenda chart, termasuk posisi, format, dan gaya.

      enable

      Type: boolean | undefined

      Deskripsi

      Apakah legenda diaktifkan

      Contoh enable: true

      border

      Type: boolean | undefined

      Deskripsi

      Apakah border legenda diaktifkan

      Warning

      Hanya berlaku untuk legenda diskret

      Contoh

      labelColor

      Type: string | undefined

      Deskripsi

      Warna font legenda

      pagerIconColor

      Type: string | undefined

      Deskripsi

      Warna ikon pager

      pagerIconDisableColor

      Type: string | undefined

      Deskripsi

      Warna ikon pager saat nonaktif

      labelFontSize

      Type: number | undefined

      Deskripsi

      Ukuran font legenda

      Contoh

      labelFontColor

      Type: string | undefined

      Deskripsi

      Warna font legenda

      labelFontWeight

      Type: string | number | undefined

      Deskripsi

      Ketebalan font legenda

      Contoh

      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

      Deskripsi

      Bentuk legenda

      Warning

      Hanya berlaku untuk legenda diskret

      Contoh

      position

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

      Deskripsi

      Posisi legenda

      Contoh

      maxSize

      Type: number | undefined

      Deskripsi

      Jumlah maksimum kolom atau baris saat item legenda sangat banyak

      Jika position horizontal (bottom, bottomLeft, bottomRight, bl, br, top, topLeft, topRight, tl, tr), maxSize mengontrol jumlah kolom yang ditampilkan

      Jika position vertikal (left, leftTop, leftBottom, lt, lb, right, rightTop, rightBottom, rt, rb), maxSize mengontrol jumlah baris yang ditampilkan

      Warning

      Hanya berlaku untuk legenda diskret

      Contoh

      tooltip

      Type: Tooltip | undefined

      Deskripsi

      Apakah mengaktifkan seleksi brush

      enable

      Type: false | true

      Deskripsi

      Apakah tooltip diaktifkan

      brush

      Type: Brush | undefined

      Deskripsi

      Mode seleksi brush: tunggal atau ganda

      enable

      Type: boolean | undefined

      Deskripsi

      Apakah brush selection diaktifkan

      brushType

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

      Deskripsi

      Jenis brush

      Menentukan bentuk area brush dan arah seleksi.

      - rect: seleksi persegi panjang, dapat memilih pada arah sumbu X dan Y sekaligus

      - polygon: seleksi poligon, menggambar poligon bebas dengan mengklik beberapa titik

      - x: seleksi arah sumbu X, hanya memilih pada arah X tanpa membatasi arah Y

      - y: seleksi arah sumbu Y, hanya memilih pada arah Y tanpa membatasi arah X

      brushMode

      Type: "single" | "multiple" | undefined

      Deskripsi

      Opasitas of selected data points, range 0-1

      removeOnClick

      Type: boolean | undefined

      Deskripsi

      Apakah area brush dibersihkan setelah brush selection selesai

      inBrushStyle

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

      Deskripsi

      Gaya data di dalam area brush

      Menentukan gaya titik data yang terseleksi

      opacity

      Type: number | undefined

      Deskripsi

      Opasitas

      Opasitas titik data yang terseleksi, rentang nilai 0-1

      stroke

      Type: string | undefined

      Deskripsi

      Warna stroke

      lineWidth

      Type: number | undefined

      Deskripsi

      Lebar stroke

      outOfBrushStyle

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

      Deskripsi

      Sumbu X, sumbu kategori, konfigurasi sumbu X; mendefinisikan sumbu X chart, termasuk posisi, format, gaya, dll.

      opacity

      Type: number | undefined

      Deskripsi

      - 100000 menjadi 10万, ratio:10000, symbol:"万"

      stroke

      Type: string | undefined

      Deskripsi

      Warna stroke

      lineWidth

      Type: number | undefined

      Deskripsi

      Lebar stroke

      animation

      Type: PieLikeAnimation | undefined

      Deskripsi

      Interval sembunyi otomatis label sumbu; jika interval antara dua label teks kurang dari autoHideGap, label yang tumpang tindih otomatis disembunyikan. Hanya efektif untuk sumbu kategori.

      Ketika autoHide dinonaktifkan, gunakan sampling yang dikonfigurasi pada minGap

      enable

      Type: boolean | undefined

      Deskripsi

      Apakah mengaktifkan animasi diagram pai/donat/rose

      params

      Type: PieLikeAnimationParams | undefined

      Deskripsi

      Parameter animasi diagram pai/donat/rose

      appear

      Type: PieLikeAppearAnimation | undefined

      Deskripsi

      Konfigurasi animasi masuk diagram pai/donat/rose

      effects

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

      Deskripsi

      Efek animasi masuk diagram pai/donat/rose, mendukung animasi radial dan zoom

      enable

      Type: boolean | undefined

      Deskripsi

      Apakah tahap animasi saat ini diaktifkan

      ease

      Type: string | undefined

      Deskripsi

      Fungsi easing animasi

      duration

      Type: number | undefined

      Deskripsi

      Durasi animasi, dalam milidetik

      color

      Type: string | undefined

      Deskripsi

      Warna highlight atau atmosfer animasi

      update

      Type: PieLikeUpdateAnimation | undefined

      Deskripsi

      Konfigurasi animasi pembaruan diagram pai/donat/rose

      effects

      Type: "radial"[] | undefined

      Deskripsi

      Efek pembaruan diagram pai/donat/rose, mendukung animasi radial

      enable

      Type: boolean | undefined

      Deskripsi

      Apakah tahap animasi saat ini diaktifkan

      ease

      Type: string | undefined

      Deskripsi

      Fungsi easing animasi

      duration

      Type: number | undefined

      Deskripsi

      Durasi animasi, dalam milidetik

      color

      Type: string | undefined

      Deskripsi

      Warna highlight atau atmosfer animasi

      loop

      Type: PieLikeAnimationLoop | undefined

      Deskripsi

      Konfigurasi animasi loop diagram pai/donat/rose

      enable

      Type: boolean | undefined

      Deskripsi

      Apakah animasi loop diaktifkan

      interval

      Type: number | undefined

      Deskripsi

      Interval animasi loop, dalam milidetik

      loop

      Type: PieLikeLoopAnimation | undefined

      Deskripsi

      Konfigurasi animasi loop diagram pai/donat/rose

      effects

      Type: PieLikeLoopEffect[] | undefined

      Deskripsi

      Efek loop diagram pai/donat/rose

      enable

      Type: boolean | undefined

      Deskripsi

      Apakah tahap animasi saat ini diaktifkan

      ease

      Type: string | undefined

      Deskripsi

      Fungsi easing animasi

      duration

      Type: number | undefined

      Deskripsi

      Durasi animasi, dalam milidetik

      color

      Type: string | undefined

      Deskripsi

      Warna highlight atau atmosfer animasi

      atmosphere

      Type: NoEffectAtmosphereConfig | undefined

      Deskripsi

      Konfigurasi animasi atmosfer diagram pai/donat/rose

      ease

      Type: string | undefined

      Deskripsi

      Fungsi easing animasi atmosfer

      color

      Type: string | undefined

      Deskripsi

      Warna animasi atmosfer

      theme

      Type: Theme | undefined

      Deskripsi

      Selector data. Jika dikonfigurasi, menyediakan kemampuan pencocokan untuk nilai numerik, sebagian item data, dimensi, atau metrik. Jika tidak diatur, gaya diterapkan secara global.

      const maxItems = _.map(grouped, group =>

      _.map(maxItems, item => [

      Contoh 'dark'

      'light'

      'customThemeName'

      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

      Deskripsi

      Bahasa

      Konfigurasi bahasa chart, mendukung dua bahasa 'zh-CN' dan 'en-US'; selain itu bahasa dapat diatur dengan memanggil metode intl.setLocale('zh-CN')