#BoxPlot

Box plot cocok untuk menampilkan distribusi data. Sumbu X adalah sumbu kategori (data kategorikal), sumbu Y adalah sumbu numerik (data kontinu), dan box disusun secara vertikal.

Skenario yang sesuai:

- Saat nama item data pendek

- Saat perlu membandingkan nilai numerik antar kategori secara intuitif

- Saat menampilkan tren perubahan data deret waktu

Box plot cocok untuk menampilkan distribusi data. Sumbu X adalah sumbu kategori (data kategorikal), sumbu Y adalah sumbu numerik (data kontinu), dan box disusun secara vertikal.

Dataset yang sudah diagregasi dan sesuai dengan spesifikasi TidyData, digunakan untuk menentukan sumber data dan struktur diagram. Dataset input pengguna tidak perlu diproses terlebih dahulu. VSeed memiliki kemampuan reshape data yang kuat dan akan melakukan reshape data secara otomatis; data box plot pada akhirnya akan diubah menjadi 2 dimensi dan 1 metrik.

Dimensi pertama pada box plot dipetakan ke sumbu X. Dimensi lainnya digabung dengan nama metrik (saat ada beberapa metrik) dan ditampilkan sebagai item legenda.

ID field yang sesuai dengan dimensi

Alias dimensi

Konfigurasi format tanggal dimensi

Granularitas waktu, menentukan presisi tampilan tanggal

Kanal tempat dimensi dipetakan

- xAxis: mendukung pemetaan beberapa dimensi ke sumbu X

- color: mendukung pemetaan beberapa dimensi ke kanal warna

- 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

Semua metrik pada box plot otomatis digabung menjadi satu metrik dan dipetakan ke sumbu Y. Saat ada beberapa metrik, nama metrik digabung dengan dimensi lain dan ditampilkan sebagai item legenda.

ID metrik, harus unik

Alias measure, boleh duplikat; jika tidak diatur, alias default adalah ID

Pemformatan angka otomatis, aktif secara default, prioritas tertinggi

Saat autoFormat=true, konfigurasi ini menimpa semua konfigurasi numFormat

Jika aktif, label data chart dan tooltip akan otomatis memilih format yang sesuai berdasarkan nilai measure dan locale.

Aturan format: angka desimal dengan notasi ringkas aktif, minimum 0 digit desimal, maksimum 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

Pemformatan angka kustom untuk measure; otomatis diterapkan ke label dan tooltip.

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

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

Rasio format angka, tidak boleh 0

Simbol format angka, misalnya %, ‰

Thousands separator for numeric formatting

Sufiks format angka

Prefiks format angka

Decimal places for numeric formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits.

Significant digits for numeric formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits.

Rounding priority when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority.

Rounding mode for numeric formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode.

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

Rasio format angka, tidak boleh 0

Simbol format angka, misalnya %, ‰

Thousands separator for numeric formatting

Sufiks format angka

Prefiks format angka

Decimal places for numeric formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits.

Significant digits for numeric formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits.

Rounding priority when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority.

Rounding mode for numeric formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode.

Kanal tempat metrik dipetakan

- value: metrik yang sesuai dengan nilai diskret, digunakan untuk menghitung nilai statistik untuk menampilkan box plot

- q1: pemetaan metrik untuk nilai statistik persentil ke-25

- q3: pemetaan metrik untuk nilai statistik persentil ke-75

- min: pemetaan metrik untuk nilai whisker minimum

- max: pemetaan metrik untuk nilai whisker maksimum

- meadian: pemetaan metrik untuk nilai median statistik

- outliers: pemetaan metrik untuk outlier

- detail: metrik yang dipetakan ke kanal detail

- color: metrik yang dipetakan ke kanal warna

- label: metrik yang dipetakan ke kanal label

- tooltip: metrik yang dipetakan ke kanal tooltip

Membangun grup metrik berbentuk pohon dari konfigurasi metrik datar. parentId menunjuk ke id grup metrik induk dan digunakan untuk membangun pohon metrik.

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

Field pagination; menentukan nama field untuk pagination dan harus berupa dimensi..

Nilai pagination saat ini; menentukan nilai untuk menentukan halaman saat ini..

Warna latar belakang chart. Warna latar belakang dapat berupa string warna dan secara default transparan, misalnya 'red' atau 'blue'. Nilai hex, rgb, atau rgba seperti '#ff0000' dan 'rgba(255,0,0,0.5)' juga didukung.

Konfigurasi warna untuk menentukan skema warna chart, termasuk daftar warna, mapping warna, dan gradien warna.

Skema warna diskret untuk menentukan warna berbagai elemen dalam chart.

Skema warna gradien linear untuk menentukan warna berbagai elemen dalam chart.

Mapping warna yang digunakan untuk memetakan nilai data ke warna tertentu.

Konfigurasi warna positif/negatif; menentukan warna untuk nilai positif di chart..

Konfigurasi warna positif/negatif; menentukan warna untuk nilai negatif di chart..

Konfigurasi label untuk menentukan label data dalam chart, termasuk posisi, format, dan gaya.

Apakah fungsi label diaktifkan..

Apakah label pindah ke baris berikutnya..

Apakah label menampilkan nilai measure..

Dalam skenario multi-measure, tidak perlu khawatir terjadi konflik nilai, karena semua measure yang terkait dengan plot melewati proses foldMeasures dan digabung menjadi satu measure yang mewakili satu titik data.

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

Apakah label menampilkan nilai measure. as percentages.

Dalam skenario multi-measure, tidak perlu khawatir terjadi konflik nilai, karena semua measure yang terkait dengan plot melewati proses foldMeasures dan digabung menjadi satu measure yang mewakili satu titik data.

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

Apakah label menampilkan label dimensi..

Displays all dimension labels.

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

Apakah nilai label diformat otomatis; saat autoFormat true, konfigurasi numFormat diabaikan..

Konfigurasi format untuk nilai label; digabungkan dengan format di measure, dan format di measure memiliki prioritas lebih tinggi. numFormat memiliki prioritas lebih rendah daripada autoFormat.

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

Rasio format angka, tidak boleh 0

Simbol format angka, misalnya %, ‰

Thousands separator for numeric formatting

Sufiks format angka

Prefiks format angka

Decimal places for numeric formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits.

Significant digits for numeric formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits.

Rounding priority when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority.

Rounding mode for numeric formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode.

orderBy: 'profit',

or

Warna latar belakang label

Warna stroke label

Warna font label

Apakah warna font label otomatis dibalik berdasarkan warna elemen.

Posisi label

Apakah penanganan tumpang tindih label diaktifkan.

Label selection; conditions between selectors default to OR.

return _.flatten(

Operator

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

Operator

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

sama dengan operator

Nilai field dimensi yang dipilih; mendukung array.

Filter dinamis (eksekusi kode yang dihasilkan AI)

- in: Memilih item data ketika nilai field dimensi berada di dalam value

Core Capabilities:

- Mendukung kondisi filter data kompleks apa pun

- Menggunakan fungsi utilitas bawaan untuk operasi data

- Dieksekusi aman di lingkungan browser (sandbox Web Worker)

Environment Requirements: Supports browser environment only; Node.js environment will use fallback.

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

Konfigurasi filter dinamis chart.

Memfilter marker chart (bar, titik, dll.) melalui kode JavaScript yang dihasilkan AI.

Deskripsi kebutuhan filter pengguna (bahasa alami).

Kode filter JavaScript yang dibuat AI

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

- Parameter input: data (array), setiap item memiliki field __row_index yang menunjukkan nomor baris

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

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

- Dilarang menggunakan: eval, Function, operasi asinkron, DOM API, permintaan jaringan

field: 'sales'

return _.flatten(

Operator

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

Operator

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

sama dengan operator

Nilai field dimensi yang dipilih; mendukung array.

Hasil eksekusi filter dinamis (field runtime)

Ditulis pada fase prepare(); hanya-baca saat runtime

Konfigurasi legend untuk menentukan legend chart, termasuk posisi, format, dan style.

Apakah fitur legend diaktifkan.

Apakah border legend diaktifkan..

legend font color

Pagination icon color.

Pagination icon disabled/grayed-out color.

Ukuran font legenda.

legend font color

Ketebalan font legenda.

Bentuk legenda

Posisi legend

Maximum number of columns or rows when there are many legend items.

If position is horizontal (bottom, bottomLeft, bottomRight, bl, br, top, topLeft, topRight, tl, tr), maxSize controls the number of columns shown.

If position is vertical (left, leftTop, leftBottom, lt, lb, right, rightTop, rightBottom, rt, rb), maxSize controls the number of rows shown.

- rect: Rectangular selection; selection can be made in both X and Y directions simultaneously.

Apakah tooltip diaktifkan

Menentukan bentuk dan arah kotak seleksi.

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

- y: Y-axis brush; selects only in the Y-axis direction, unrestricted on the X-axis.

Define the style of data points that are selected.

brushtype

Opacity

Opasitas titik data yang dipilih, rentang 0-1

- polygon: seleksi brush poligon; klik beberapa titik untuk menggambar poligon apa pun sebagai seleksi

- x: seleksi brush hanya dalam arah sumbu X; arah sumbu Y tidak dibatasi

- y: seleksi brush arah sumbu Y saja; arah sumbu X tidak dibatasi

Opasitas titik data yang dipilih, rentang 0-1

Style for unselected data items

Menentukan style titik data di luar area brush yang dipilih

- multiple: mode multi-pilih; beberapa area brush dapat ada bersamaan

Apakah area brush dibersihkan setelah brushing berakhir

Opasitas titik data yang tidak dipilih, rentang 0-1

Menentukan style titik data yang terkena brush

Style for data NOT selected by the brush.

Menentukan style titik data di luar seleksi.

Category axis (X-axis) configuration, used to define the chart's X-axis, including position, format, style, etc.

Lebar stroke

X-axis, category axis, X-axis configuration; defines the X-axis of the chart, including its position, format, style, etc.

Menentukan style titik data di luar brush selection

Style for data NOT selected by the brush.

Opasitas titik data di luar pilihan brush, rentang 0-1

Category axis (X-axis) configuration, used to define the chart's X-axis, including position, format, style, etc.

Lebar stroke

Konfigurasi sumbu kategori sumbu X, digunakan untuk mendefinisikan sumbu X chart, termasuk posisi, format, gaya, dan pengaturan terkait.

Warna garis sumbu

Konfigurasi animasi sumbu X

Konfigurasi sumbu numerik (sumbu Y), digunakan untuk mendefinisikan sumbu Y diagram, termasuk posisi, format, gaya, dan lainnya.

Axis label auto-hide. If two labels overlap, with spacing smaller than autoHideGap, the overlapping label is hidden automatically. Only applies to category axes.

Axis label auto-hide gap. If the gap between two labels is smaller than autoHideGap, the overlapping label is hidden automatically. Only applies to category axes.

Y-axis, numeric axis, Y-axis configuration; defines the Y-axis of the chart, including its position, format, style, etc.

When autoHide is disabled, use sampling and configure it through minGap.

Axis label auto-rotation. When label width exceeds axis length, labels are rotated automatically. Only applies to category axes.

Axis label auto-rotation angle range. Used when auto-rotation is enabled. Only applies to category axes.

Axis label auto-limit. When label width exceeds axis length, overflow is shown with ellipsis and the full label is visible on hover. Only applies to category axes.

Maximum length for axis label auto-limit. When label text exceeds this length, overflow is shown with ellipsis and the full label is visible on hover. Only applies to category axes.

- orderBy:'date'

Urutan kustom yang akan langsung diterapkan ke sumbu kategori

Format angka untuk sumbu numerik. Hanya efektif untuk sumbu numerik. Prioritas lebih rendah daripada autoFormat.

Ukuran font label

orderBy: 'profit',

Sudut rotasi label

Garis sumbu X

or

}

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

Tick sumbu X

Sufiks format angka

Urutan sortir; dapat berupa 'asc' atau 'desc'

Legend sorting configuration; supports sorting based on dimensions or measures, as well as custom sorting orders; the sort array follows the order from left to right or top to bottom.

sortLegend: {

Judul sumbu X

- 1234.5678 dikonversi menjadi 1234.6, significantDigits:5 (roundingMode:halfCeil)

Teks judul. Secara default mengikuti konfigurasi field.

- orderBy:'profit'

Custom sorting order; this order will be directly applied to the legend. Ascending follows left-to-right or top-to-bottom; descending follows right-to-left or bottom-to-top.

Rectangle graphic element style

Includes built-in light and dark themes. Custom themes can be added via registerTheme.

selector = [{ profit: 100 }, { profit: 200 }]

selector = 100

Tipe garis grid

Konfigurasi animasi sumbu X

value: [100, 300]

}

Konfigurasi sumbu numerik sumbu Y, digunakan untuk mendefinisikan sumbu Y chart, termasuk posisi, format, gaya, dan pengaturan terkait.

Warna garis sumbu

Axis line width

X-axis ticks

Apakah menggunakan sumbu logaritmik; hanya berlaku untuk sumbu numerik

Base of the logarithmic axis; only applies to numeric axes

Apakah interval tick sumbu disesuaikan otomatis agar label tick lebih mudah dibaca. Opsi ini dinonaktifkan saat min dan max dikonfigurasi, dan hanya berlaku untuk sumbu numerik.

Konfigurasi animasi sumbu X

Konfigurasi sumbu numerik (sumbu Y), digunakan untuk mendefinisikan sumbu Y diagram, termasuk posisi, format, gaya, dan lainnya.

Apakah label tick sumbu numerik diformat otomatis. Hanya berlaku untuk sumbu numerik. Saat autoFormat true, numFormat diabaikan.

Format angka untuk sumbu numerik. Hanya berlaku untuk sumbu numerik dan prioritasnya lebih rendah daripada autoFormat.

Jenis format angka, mendukung: decimal, percent (%), permille (‰), notasi ilmiah

Rasio format angka, tidak boleh 0

Simbol format angka, mis. %, ‰

Thousands separator for numeric formatting

Sufiks format angka

Simbol format angka, misalnya %, ‰

Decimal places for numeric formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits.

Significant digits for numeric formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits.

Rounding priority when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority.

Rounding mode for numeric formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode.

- orderBy:'date'

Urutan kustom yang akan langsung diterapkan ke sumbu kategori

Format angka untuk sumbu numerik. Hanya efektif untuk sumbu numerik. Prioritas lebih rendah daripada autoFormat.

Ukuran font label

Ketebalan font label

Sudut rotasi label

Garis sumbu X

- orderBy:'date'

}

orderBy: 'profit',

Tick sumbu X

Sufiks format angka

Urutan sortir; dapat berupa 'asc' atau 'desc'

Legend sorting configuration; supports sorting based on dimensions or measures, as well as custom sorting orders; the sort array follows the order from left to right or top to bottom.

sortLegend: {

Judul sumbu X

- 1234.5678 dikonversi menjadi 1234.6, significantDigits:5 (roundingMode:halfCeil)

Teks judul. Secara default mengikuti konfigurasi field.

- orderBy:'profit'

Custom sorting order; this order will be directly applied to the legend. Ascending follows left-to-right or top-to-bottom; descending follows right-to-left or bottom-to-top.

Rectangle graphic element style

Includes built-in light and dark themes. Custom themes can be added via registerTheme.

selector = [{ profit: 100 }, { profit: 200 }]

selector = 100

Tipe garis grid

selector = [{ profit: 100 }, { profit: 200 }]

value: [100, 300]

}

Konfigurasi pengurutan sumbu X; mendukung pengurutan berdasarkan dimensi atau measure serta urutan kustom

Konfigurasi pengurutan sumbu kategori; mendukung pengurutan berdasarkan dimensi atau measure serta urutan kustom

])

Sorot item data dengan tingkat profit tertinggi di setiap wilayah

- __row_index menunjukkan nomor baris item data asli, dan field menunjukkan field yang akan di-highlight.

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

Chart dynamic filter configuration

])

Sorot item data dengan tingkat profit tertinggi di setiap wilayah

Urutan kustom. Urutan diterapkan langsung ke legenda. Urutan naik bergerak dari kiri ke kanan atau dari atas ke bawah; urutan turun bergerak dari kanan ke kiri atau dari bawah ke atas.

Tema diagram. Tema adalah konfigurasi fitur berprioritas lebih rendah yang mencakup pengaturan umum untuk semua jenis diagram dan pengaturan bersama dalam satu kategori diagram. Tema bawaan mencakup light dan dark, dan pengguna dapat menyesuaikan tema melalui Builder.

Operator

- not in: Memilih item data yang nilai field dimensinya TIDAK berada dalam daftar nilai.

Solusi fallback saat eksekusi kode gagal atau lingkungan tidak didukung.

selector = {

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

_.map(maxItems, item => [

Operator

Apakah menampilkan label area persegi panjang crosshair

- Supports arbitrarily complex data filtering conditions

Konfigurasi style box plot, mendukung penerapan global atau pada level selector

Data selector

Jika selector dikonfigurasi, tersedia empat kemampuan pencocokan data: selector numerik, selector data lokal, selector dimensi bersyarat, dan selector metrik bersyarat.

If no selector is configured, the style applies globally.

Field dimensi, ID dari item dimensi

Operator

- in: Select data items where the value of the dimension field is in the value

- not in: Select data items where the value of the dimension field is not in the value

Operator

- in: Select data items where the value of the dimension field is in the value

- not in: Select data items where the value of the dimension field is not in the value

return _.flatten(

Nilai field dimensi, mendukung array

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

Opasitas warna elemen box plot

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

Opasitas border elemen box plot

Radius sudut box

Median line color

Whisker line color

Outlier style configuration, supports global or selector-level application

Data selector

Jika selector dikonfigurasi, tersedia empat kemampuan pencocokan data: selector numerik, selector data lokal, selector dimensi bersyarat, dan selector metrik bersyarat.

If no selector is configured, the style applies globally.

Field dimensi, ID dari item dimensi

Operator

- in: Select data items where the value of the dimension field is in the value

- not in: Select data items where the value of the dimension field is not in the value

Operator

- in: Select data items where the value of the dimension field is in the value

- not in: Select data items where the value of the dimension field is not in the value

return _.flatten(

Nilai field dimensi, mendukung array

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

Point element color

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

Point element border width

Point element border style

Konfigurasi panjang whisker box plot, mendukung nilai skalar dan array dengan panjang 2.

When the value is a scalar, whiskers * IQR is used to calculate the upper and lower bounds.

When the value is an array of length 2, whiskers[0] must be between [0, 0.25), representing the percentile for the lower bound;

whiskers[1] must be between (0.75, 1], representing the percentile for the upper bound.

Konfigurasi titik anotasi, berdasarkan data yang dipilih untuk menentukan posisi, format, style, dan lainnya dari titik anotasi.

Selector untuk titik anotasi, digunakan untuk memilih titik data.

Field dimensi; ID item dalam dimensions.

Operator

- in: Memilih item data yang nilai field dimensinya berada dalam daftar nilai.

- not in: Memilih item data yang nilai field dimensinya TIDAK berada dalam daftar nilai.

Operator

- in: Memilih item data yang nilai field dimensinya berada dalam daftar nilai.

- not in: Memilih item data yang nilai field dimensinya TIDAK berada dalam daftar nilai.

sama dengan operator

Nilai field dimensi yang dipilih; mendukung array.

Menentukan id measure tempat titik anotasi berada. Dalam skenario multi-measure, dapat digabung dengan selector untuk menemukan titik anotasi target secara unik.

Filter dinamis (eksekusi kode yang dihasilkan AI)

return _.flatten(

- not in: Memilih item data yang nilai field dimensinya tidak berada dalam value

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

- Uses built-in utility functions for data manipulation.

- in: Memilih item data ketika nilai field dimensi berada di dalam value

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

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

Konfigurasi filter dinamis chart.

Memfilter marker chart (bar, titik, dll.) melalui kode JavaScript yang dihasilkan AI.

Deskripsi kebutuhan filter pengguna (bahasa alami).

Kode filter JavaScript yang dibuat AI

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

- Parameter input: data (array), setiap item memiliki field __row_index yang menunjukkan nomor baris

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

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

- Dilarang menggunakan: eval, Function, operasi asinkron, DOM API, permintaan jaringan

Fallback strategy when code execution fails or the environment is not supported.

Field dimensi; ID item dalam dimensions.

Operator

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

- Parameter input: data (array), tiap item berisi field __row_index yang mewakili nomor baris

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

- __row_index mewakili nomor baris item data asli, field mewakili field yang disorot

- Dilarang: eval, Function, operasi asinkron, DOM API, permintaan jaringan

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

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

Hasil eksekusi filter dinamis (field runtime)

Ditulis pada fase prepare(); hanya-baca saat runtime

return _.flatten(

- in: Memilih item data ketika nilai field dimensi berada di dalam value

Vertical text alignment; typically set to 'top' so text appears at the bottom of the annotation area, ensuring it remains within the visible area of the chart.

- not in: Memilih item data ketika nilai field dimensi tidak berada di dalam value

Perataan teks. Umumnya atur ke right agar teks tampil di sisi kiri titik anotasi dan tetap berada dalam area chart yang terlihat

Disarankan mengatur ke right, sehingga teks berada di sisi kiri titik anotasi

right: teks berada di sisi kiri titik anotasi, dengan tepi kanan teks sejajar dengan titik anotasi

left: teks berada di sisi kanan titik anotasi, dengan tepi kiri teks sejajar dengan titik anotasi

center: teks berada di tengah titik anotasi, dengan pusat teks sejajar dengan titik anotasi

Perataan vertikal teks. Umumnya atur ke top agar teks tampil di bawah titik anotasi dan tetap berada di area chart yang terlihat

Disarankan menggunakan 'top' agar teks tampil lengkap di area chart yang terlihat

top: teks berada di bawah titik anotasi, tepi atas teks sejajar dengan titik anotasi

middle: teks berada di tengah titik anotasi

bottom: teks berada di atas titik anotasi, tepi bawah teks sejajar dengan titik anotasi

Background terlihat

Warna latar belakang

2

4

Radius sudut border background

Padding background

Jarak offset piksel seluruh titik anotasi pada arah Y. Saat titik anotasi berada di bagian atas chart (nilai lebih besar), disarankan nilai positif; saat berada di bagian bawah (nilai lebih kecil), disarankan nilai negatif.

Nilai negatif menggeser seluruh komponen ke atas; misalnya -10 menggeser titik anotasi beserta teks dan background 10 piksel ke atas

Nilai positif menggeser seluruh komponen ke bawah; misalnya 10 menggeser titik anotasi beserta teks dan background 10 piksel ke bawah

Jarak offset piksel seluruh titik anotasi pada arah X. Saat titik anotasi berada di sisi kiri chart (awal sumbu kategori), disarankan nilai positif; saat berada di sisi kanan (akhir sumbu kategori), disarankan nilai negatif.

Nilai negatif menggeser seluruh komponen ke kiri; misalnya -10 menggeser titik anotasi beserta teks dan background 10 piksel ke kiri

Nilai positif menggeser seluruh komponen ke kanan; misalnya 10 menggeser titik anotasi beserta teks dan background 10 piksel ke kanan

Garis anotasi nilai dimensi, ditampilkan secara vertikal. Posisi, style, dan pengaturan terkait garis anotasi dapat dikonfigurasi.

);

Filter dinamis (eksekusi kode yang dihasilkan AI)

Radius sudut border latar belakang

Konfigurasi area anotasi; mendefinisikan area anotasi pada chart berdasarkan data yang dipilih, termasuk posisi, style, dll.

Apakah mengaktifkan fungsi untuk membagi garis utama menjadi dua segmen.

Deskripsi kebutuhan filter pengguna (bahasa alami).

Kode filter JavaScript yang dibuat AI

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

- Parameter input: data (array)

- Harus mengembalikan satu nilai numerik atau string: number | string

- Skenario penggunaan: nilai dinamis yang diperlukan untuk garis anotasi (horizontal atau vertikal)

- Dilarang menggunakan: eval, Function, operasi asinkron, DOM API, permintaan jaringan

Fallback strategy when code execution fails or the environment is not supported.

Hasil eksekusi filter dinamis (field runtime)

Ditulis pada fase prepare(); hanya-baca saat runtime

Written during the prepare() phase; read-only at runtime.

_.filter(data, item => item.year === 2024),

center: Text is centered in the annotation area; the center of the text aligns with the area.

Vertical text alignment; typically set to 'top' so text appears at the bottom of the annotation area, ensuring it remains within the visible area of the chart.

0

Perataan teks. Umumnya tidak perlu diatur

Disarankan menggunakan 'right' agar teks berada di kiri garis anotasi

right: teks berada di kiri garis referensi, tepi kanan teks sejajar dengan garis anotasi vertikal

left: teks berada di kanan garis referensi, tepi kiri teks sejajar dengan garis anotasi vertikal

center: teks berada di tengah garis referensi

Perataan vertikal teks. Umumnya tidak perlu diatur

Disarankan menggunakan 'top' agar teks tampil lengkap di area chart yang terlihat

top: teks berada di bawah garis referensi, tepi atas teks sejajar dengan ujung garis anotasi vertikal

middle: teks berada di tengah garis referensi

bottom: teks berada di atas garis referensi, tepi bawah teks sejajar dengan ujung garis anotasi vertikal

Garis terlihat

Warna garis

- in: Memilih item data ketika nilai field dimensi berada di dalam value

Radius sudut border area anotasi

Background terlihat

Warna latar belakang

2

4

Radius sudut border background

Padding background

4

Nilai Y tetap untuk menandai garis horizontal. Jika sumbu kategori berada pada arah Y, masukkan nilai dimensi; jika sumbu numerik berada pada arah Y, masukkan nilai angka tertentu.

Filter dinamis (eksekusi kode yang dihasilkan AI)

Radius sudut border latar belakang

Konfigurasi area anotasi; mendefinisikan area anotasi pada chart berdasarkan data yang dipilih, termasuk posisi, style, dll.

Apakah mengaktifkan fungsi untuk membagi garis utama menjadi dua segmen.

Deskripsi kebutuhan filter pengguna (bahasa alami).

Kode filter JavaScript yang dibuat AI

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

- Parameter input: data (array)

- Harus mengembalikan satu nilai numerik atau string: number | string

- Skenario penggunaan: nilai dinamis yang diperlukan untuk garis anotasi (horizontal atau vertikal)

- Dilarang menggunakan: eval, Function, operasi asinkron, DOM API, permintaan jaringan

Fallback strategy when code execution fails or the environment is not supported.

Hasil eksekusi filter dinamis (field runtime)

Ditulis pada fase prepare(); hanya-baca saat runtime

Written during the prepare() phase; read-only at runtime.

Posisi teks

Posisi label garis anotasi relatif terhadap garis.

center: Text is centered in the annotation area; the center of the text aligns with the area.

Vertical text alignment; typically set to 'top' so text appears at the bottom of the annotation area, ensuring it remains within the visible area of the chart.

0

Perataan teks. Umumnya tidak perlu diatur

Disarankan mengatur ke right, sehingga teks berada di sisi kiri garis anotasi

right: teks berada di sisi kiri garis referensi, dengan tepi kanan teks sejajar dengan ujung garis anotasi horizontal

left: teks berada di sisi kanan garis referensi, dengan tepi kiri teks sejajar dengan ujung garis anotasi horizontal

center: teks berada di tengah garis referensi, dengan pusat teks sejajar dengan ujung garis anotasi horizontal

Perataan vertikal teks. Umumnya tidak perlu diatur

Disarankan menggunakan 'top' agar teks tampil lengkap di area chart yang terlihat

top: teks berada di bawah garis referensi, tepi atas teks sejajar dengan garis anotasi horizontal

middle: teks berada di tengah garis referensi

bottom: teks berada di atas garis referensi, tepi bawah teks sejajar dengan garis anotasi horizontal

Background terlihat

Warna latar belakang

2

4

4

Radius sudut border background

Padding background

Garis terlihat

Garis terlihat

Warna garis

Lebar garis

Radius sudut border area anotasi

Gaya garis border area anotasi

field: 'sales'

Warna utama untuk bagian yang lebih kecil dari nilai anotasi

Konfigurasi area anotasi, berdasarkan data yang dipilih untuk menentukan posisi, style, dan lainnya dari area anotasi.

Apakah mengaktifkan fungsi linkage dimensi saat chart mengaktifkan perspektif atau saat measure digabungkan.

Field dimensi; ID item dalam dimensions.

Operator

- in: Memilih item data yang nilai field dimensinya berada dalam daftar nilai.

- not in: Memilih item data yang nilai field dimensinya TIDAK berada dalam daftar nilai.

Operator

- in: Memilih item data yang nilai field dimensinya berada dalam daftar nilai.

- not in: Memilih item data yang nilai field dimensinya TIDAK berada dalam daftar nilai.

sama dengan operator

Nilai field dimensi yang dipilih; mendukung array.

Written during the prepare() phase; read-only at runtime.

Posisi teks

center: Text is centered in the annotation area; the center of the text aligns with the area.

Vertical text alignment; typically set to 'top' so text appears at the bottom of the annotation area, ensuring it remains within the visible area of the chart.

0

Perataan teks. Umumnya atur ke right; teks ditampilkan di tengah area anotasi agar tetap berada dalam area chart yang terlihat

Disarankan mengatur ke center, sehingga teks berada di tengah area anotasi

right: teks berada di sisi kiri area anotasi, dengan tepi kanan teks sejajar dengan area anotasi

left: teks berada di sisi kanan area anotasi, dengan tepi kiri teks sejajar dengan area anotasi

center: teks berada di tengah area anotasi, dengan pusat teks sejajar dengan area anotasi

Perataan vertikal teks. Umumnya atur ke top agar teks muncul di bagian bawah area anotasi dan tetap berada di dalam area chart yang terlihat.

bottom: Text is at the top of the annotation area, with the bottom edge aligned with the area.

top: text is at the bottom of the annotation area; the top edge of the text aligns with the annotation area

middle: text is centered in the annotation area; the center of the text aligns with the annotation area

Order of the polynomial regression

Background terlihat

Warna latar belakang

2

2

4

Radius sudut border background

Radius sudut border background

Padding background

Warna isi area anotasi

Opasitas isi area anotasi

Warna border area anotasi

Lebar border area anotasi

Radius border area anotasi

Gaya garis border area anotasi

Padding area anotasi

Saat fungsi pivot chart atau kombinasi measure diaktifkan, apakah mengaktifkan fungsi linkage dimensi.

Saat hover pada nilai dimensi tertentu, data dengan nilai dimensi yang sama di chart lain akan ikut di-highlight.

Konfigurasi linkage dimensi chart pivot

Apakah mengaktifkan linkage dimensi chart pivot

Apakah menampilkan informasi Tooltip untuk subchart yang sesuai dengan semua dimensi

Apakah menampilkan label yang sesuai dengan crosshair

Konfigurasi bahasa chart. Mendukung dua bahasa, 'zh-CN' dan 'en-US'. Bahasa juga dapat diatur dengan memanggil intl.setLocale('zh-CN')

Lebar maksimum box plot. Dapat diatur sebagai nilai piksel absolut atau persentase (misalnya '10%').

Jarak dalam setiap grup pada box plot berkelompok. Dapat diatur sebagai nilai piksel absolut atau persentase (misalnya '10%').