#BarPercent

Diagram batang persentase cocok untuk menampilkan hubungan proporsi setiap kategori secara horizontal; sumbu X menampilkan proporsi data dalam bentuk persentase.

Skenario yang sesuai:

- Perbandingan proporsi saat nama kategori panjang

- Analisis komposisi horizontal untuk data multidimensi

- Skenario yang menampilkan peringkat dan proporsi sekaligus

Diagram batang persentase menampilkan hubungan proporsi data setiap kategori secara horizontal dalam bentuk persentase.

Sumber data: dataset teragregasi yang sesuai spesifikasi TidyData, digunakan untuk mendefinisikan sumber dan struktur data diagram. Pengguna tidak perlu memproses dataset terlebih dahulu karena VSeed memiliki kemampuan reshape data yang kuat dan akan menanganinya otomatis; data diagram batang persentase akhirnya dikonversi menjadi 2 dimensi dan 1 metrik.

Dimensi: dimensi pertama ditempatkan pada sumbu Y. 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

Channel tempat dimensi dipetakan

- yAxis: mendukung pemetaan beberapa dimensi ke sumbu Y

- 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

Metrik: metrik otomatis digabung menjadi satu metrik dan dipetakan ke sumbu X. Saat ada beberapa metrik, nama metrik digabung dengan dimensi lainnya dan ditampilkan sebagai item legenda.

ID metrik, harus unik

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

Pemformatan angka otomatis, aktif secara default, prioritas tertinggi

Saat autoFormat=true, semua konfigurasi numFormat akan ditimpa

Jika aktif, label data diagram dan tooltip akan otomatis memilih format yang sesuai berdasarkan nilai metrik 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 metrik; otomatis diterapkan ke label dan tooltip

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

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

Rasio format angka, tidak boleh 0

Simbol format angka, mis. %, ‰

Pemisah ribuan untuk format angka

Sufiks format angka

Prefiks format angka

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

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

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

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

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

Rasio format angka, tidak boleh 0

Simbol format angka, mis. %, ‰

Pemisah ribuan untuk format angka

Sufiks format angka

Prefiks format angka

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

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

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

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

Channel tempat metrik dipetakan

- xAxis: metrik yang dipetakan ke sumbu X

- 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

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

Paginasi

Konfigurasi paginasi untuk paginasi diagram

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

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

Warna latar belakang diagram. Defaultnya latar belakang transparan. Warna latar belakang dapat berupa string warna (mis. 'red', 'blue'), atau nilai hex, rgb, atau rgba (mis. '#ff0000', 'rgba(255,0,0,0.5)').

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

Skema warna diskret untuk menentukan warna berbagai elemen dalam diagram

Skema warna gradien linear untuk menentukan warna berbagai elemen dalam diagram

Mapping warna yang digunakan untuk memetakan nilai data ke warna tertentu

Konfigurasi warna positif/negatif; menentukan warna untuk nilai positif dalam diagram

Konfigurasi warna positif/negatif; menentukan warna untuk nilai negatif dalam diagram

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

Apakah fungsi label diaktifkan

Apakah label dibungkus ke baris berikutnya

Apakah label menampilkan nilai metrik

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

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

Apakah label menampilkan persentase nilai metrik

Dalam skenario multi-metrik, tidak perlu khawatir terjadi konflik nilai, karena semua metrik yang terkait dengan plot melewati proses foldMeasures dan digabung menjadi satu metrik 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

Tampilkan semua label dimensi

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

Apakah nilai label diformat otomatis; saat autoFormat bernilai true, konfigurasi numFormat akan 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

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

Rasio format angka, tidak boleh 0

Simbol format angka, mis. %, ‰

Pemisah ribuan untuk format angka

Sufiks format angka

Prefiks format angka

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

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

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

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

Metrik font label

Ketebalan font label

Warna latar belakang label

Warna outline label

Warna font label

Apakah warna font label dibalik otomatis berdasarkan warna elemen grafis

Posisi label

Apakah penghindaran tumpang tindih label diaktifkan

Filter label; hubungan default antar selector adalah OR

return _.flatten(

sama dengan operator

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

sama dengan operator

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

sama dengan operator

Nilai field dimensi yang dipilih; mendukung array.

Filter dinamis (eksekusi kode yang dihasilkan AI)

Mengimplementasikan logika pemfilteran data kompleks melalui kode JavaScript yang dihasilkan AI.

Kemampuan inti:

• Mendukung kondisi pemfilteran data yang kompleks

• Menggunakan fungsi utilitas bawaan untuk operasi data

• Dieksekusi secara aman di lingkungan browser (sandbox Web Worker)

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

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

Konfigurasi filter dinamis diagram

Memfilter mark diagram (area, titik, dll.) melalui kode JavaScript yang dihasilkan AI

User's filtering requirement description (natural language).

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(

sama dengan operator

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

sama dengan operator

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

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 legenda untuk mendefinisikan legenda diagram, termasuk posisi, format, dan gaya.

Apakah fitur legenda diaktifkan.

Apakah border legenda diaktifkan.

Warna font legenda

Warna ikon pager

Warna ikon pager yang dinonaktifkan

Metrik font legenda.

Warna font legenda

Ketebalan font legenda.

Bentuk legenda

Posisi legenda

Jumlah maksimum kolom atau baris saat item legenda banyak

Padding area plot

Dipetakan ke VChart region[0].padding, untuk menyediakan ruang bagi elemen yang melewati area plot seperti anotasi dan label.

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

Apakah tooltip diaktifkan

Konfigurasi brush diagram

Apakah pilihan brush diaktifkan

Jenis brush

Menentukan bentuk dan arah pemilihan brush

- rect: pilihan brush persegi panjang; dapat memilih sekaligus pada arah sumbu X dan Y

- polygon: pilihan brush poligon; menggambar poligon bebas dengan mengklik beberapa titik untuk memilih

- x: pilihan brush arah sumbu X; hanya memilih pada arah sumbu X, arah sumbu Y tidak dibatasi

- y: pilihan brush arah sumbu Y; hanya memilih pada arah sumbu Y, arah sumbu X tidak dibatasi

- multiple: mode multiple, beberapa pilihan brush dapat berdampingan secara bersamaan

Menentukan mode pilihan brush

- multiple: mode pilihan multiple; beberapa area brush dapat ada pada saat yang sama

Apakah area brush dihapus setelah pemilihan selesai

Opasitas titik data yang tidak dipilih, rentang 0-1

Mendefinisikan gaya titik data yang terkena brush

Opasitas

Opasitas titik data yang dipilih, rentang 0-1

Warna stroke

Lebar stroke

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

Mendefinisikan gaya titik data di luar seleksi brush

Opasitas

Opasitas titik data yang tidak dipilih, rentang 0-1

Warna stroke

Lebar stroke

Konfigurasi animasi

Konfigurasi animasi diagram; efek yang tersedia bergantung pada jenis diagram

Apakah animasi diagram bar/column diaktifkan

Bar/column diagram animation parameters

Apakah menampilkan sumbu secara terbalik; hanya berlaku untuk sumbu numerik.

Label color

Apakah fase animasi saat ini diaktifkan

Fungsi easing animasi

Durasi animasi dalam milidetik

Warna highlight atau atmosfer animasi

Bar/column diagram update animation configuration

Efek pembaruan diagram bar/kolom, mendukung animasi pertumbuhan dan masuk

Apakah fase animasi saat ini diaktifkan

Fungsi easing animasi

Durasi animasi dalam milidetik

Warna highlight atau atmosfer animasi

- 1234.5678 dikonversi menjadi 1234.57, fractionDigits:2 (roundingMode:halfCeil)

Apakah animasi loop diaktifkan

Interval animasi loop dalam milidetik

- 1234.5678 dikonversi menjadi 1234.57, fractionDigits:2 (roundingMode:halfCeil)

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

Apakah fase animasi saat ini diaktifkan

Fungsi easing animasi

Durasi animasi dalam milidetik

Warna highlight atau atmosfer animasi

Bar/column diagram atmosphere animation configuration

Fungsi easing animasi atmosfer

Warna animasi atmosfer

Efek animasi atmosfer; mendukung efek ripple, visibilitas, dan napas

X-axis numeric-axis configuration, used to define the diagram X-axis, including position, format, style, and related settings.

Apakah sumbu terlihat

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.

Apakah sumbu ditampilkan terbalik; hanya berlaku untuk sumbu numerik

Apakah memaksa nilai 0 ditampilkan pada sumbu; jika min dan max dikonfigurasi, opsi ini tidak berlaku. Hanya berlaku untuk sumbu numerik.

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

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

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

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

Simbol format angka, mis. %, ‰

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.

Label tick sumbu X

Apakah label terlihat

Warna label

Metrik font label

Ketebalan font label

Sudut rotasi label

Garis sumbu X

Apakah garis sumbu terlihat

Warna garis sumbu

Lebar garis sumbu

Tick sumbu X

Apakah tick terlihat

Apakah tick mengarah ke dalam

Warna tick

Metrik tick

Judul sumbu X

Apakah judul terlihat

Teks judul; secara default mengikuti konfigurasi field

Warna judul

Metrik font judul

Ketebalan font judul

Mencakup tema bawaan light dan dark. Tema kustom dapat ditambahkan melalui registerTheme.

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

• not in: Memilih item data ketika nilai field dimensi tidak berada dalam array value.

Mendukung gaya global atau konfigurasi gaya bersyarat.

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

value: [100, 300]

}

Y-axis category-axis configuration, used to define the diagram Y-axis, including position, format, style, and related settings.

Apakah sumbu terlihat

Apakah sumbu ditampilkan terbalik; hanya berlaku untuk sumbu numerik

Apakah memaksa nilai 0 ditampilkan pada sumbu; jika min dan max dikonfigurasi, opsi ini tidak berlaku. Hanya berlaku untuk sumbu numerik.

Label sumbu disembunyikan otomatis. Jika dua label saling tumpang tindih (jarak kurang dari autoHideGap), label yang menyebabkan tumpang tindih akan disembunyikan otomatis. Hanya berlaku untuk sumbu kategori.

Jarak penyembunyian otomatis label sumbu. Jika jarak antara dua label teks kurang dari autoHideGap, label yang menyebabkan tumpang tindih akan disembunyikan otomatis. Hanya berlaku untuk sumbu kategori.

Saat autoHide aktif, gunakan autoHide yang diatur pada autoHideSeparation

Saat autoHide nonaktif, gunakan sampling yang diatur pada minGap

Rotasi otomatis label sumbu. Ketika lebar label melebihi panjang sumbu, label akan diputar otomatis. Hanya berlaku untuk sumbu kategori.

Rentang sudut rotasi otomatis label sumbu. Saat rotasi otomatis aktif, ini menentukan rentang sudut rotasi label. Hanya berlaku untuk sumbu kategori.

Pembatasan panjang otomatis label sumbu. Ketika lebar label melebihi panjang sumbu, bagian berlebih ditampilkan sebagai elipsis dan label lengkap terlihat saat hover. Hanya berlaku untuk sumbu kategori.

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.

Label tick sumbu X

Apakah label terlihat

Warna label

Metrik font label

Ketebalan font label

Sudut rotasi label

Garis sumbu X

- orderBy:'date'

}

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

order: 'asc',

Sufiks format angka

Apakah tick mengarah ke dalam

Konfigurasi pengurutan legenda; mendukung pengurutan berdasarkan dimensi atau metrik, serta urutan kustom; array sort mengikuti urutan kiri ke kanan atau atas ke bawah.

Metrik tick

Judul sumbu X

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

Teks judul; secara default mengikuti konfigurasi field

- orderBy:'profit'

Urutan kustom; urutan ini akan langsung diterapkan ke legenda. Naik mengikuti kiri-ke-kanan atau atas-ke-bawah; turun mengikuti kanan-ke-kiri atau bawah-ke-atas.

])

Mencakup tema bawaan light dan dark. Tema kustom dapat ditambahkan melalui registerTheme.

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

• not in: Memilih item data ketika nilai field dimensi tidak berada dalam array value.

Mendukung gaya global atau konfigurasi gaya bersyarat.

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

value: [100, 300]

}

selector = { profit: 100 }

selector = {

Operator

operator: 'between'

Operator

Apakah menampilkan label area persegi crosshair

- Supports arbitrarily complex data filtering conditions

Bar diagram stacked corner radius

Mengimplementasikan filter mark diagram (bar, titik, dll.) melalui kode JavaScript yang dihasilkan AI.

Konfigurasi pengurutan sumbu Y; mendukung pengurutan berdasarkan dimensi atau metrik serta urutan kustom

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

Urutan pengurutan; nilai yang tersedia adalah 'asc' atau 'desc'

Sorot item data dengan tingkat profit tertinggi di setiap wilayah

Urutan kustom yang langsung diterapkan ke sumbu kategori

Konfigurasi pengurutan legenda, mendukung pengurutan berdasarkan dimensi atau metrik serta urutan kustom

Konfigurasi pengurutan legenda; array pengurutan mengikuti urutan kiri ke kanan atau atas ke bawah

Urutan pengurutan; nilai yang tersedia adalah 'asc' atau 'desc'

Sorot item data dengan tingkat profit tertinggi di setiap wilayah

Urutan kustom yang langsung diterapkan ke legenda; naik dari kiri ke kanan atau atas ke bawah, turun dari kanan ke kiri atau bawah ke atas

Tema chart. Tema adalah konfigurasi fungsi berprioritas rendah yang mencakup konfigurasi umum untuk semua tipe chart dan konfigurasi chart bersama untuk satu tipe chart.

Tersedia dua tema bawaan, light dan dark. Pengguna dapat menyesuaikan tema melalui Builder.

Operator

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

Style mark persegi panjang. Konfigurasi style diagram batang untuk menentukan warna batang, border, radius sudut, dan pengaturan terkait.

Mendukung style global atau style bersyarat.

Filter data

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

Jika selector tidak dikonfigurasi, style berlaku secara global.

Selector data

Jika selector dikonfigurasi, tersedia empat kemampuan pencocokan data: selector numerik, selector data parsial, selector dimensi bersyarat, dan selector measure bersyarat

Jika selector tidak dikonfigurasi, style berlaku secara global.

Field dimensi, id salah satu item dimensions

Operator

• in: memilih item data yang nilai field dimensinya berada dalam value

• not in: memilih item data yang nilai field dimensinya tidak berada dalam value :::

#op

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

:::note{title=Deskripsi} Operator

• in: memilih item data yang nilai field dimensinya berada dalam value

• not in: memilih item data yang nilai field dimensinya tidak berada dalam value

Sama seperti operator

Memilih nilai field dimensi pada item data; mendukung array

return _.flatten(

Mengimplementasikan logika filter data kompleks melalui kode JavaScript yang dihasilkan AI.

- 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

- Supports arbitrarily complex data filtering conditions.

- 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

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 diagram.

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

Deskripsi kebutuhan filter pengguna (bahasa alami).

- Menggunakan fungsi utilitas bawaan untuk operasi data

- Dieksekusi aman di lingkungan browser (sandbox Web Worker)

- Input parameter: data (array), each item contains __row_index field representing the row number.

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

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

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

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

- 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 =>

const profitRate = item.profit / item.sales;

field: 'sales'

Hasil eksekusi filter dinamis (field runtime)

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

- 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 bar (elemen persegi panjang)

Border color of the bar mark (rectangle mark)

- 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

Sudut membulat elemen bar (elemen persegi panjang)

Opasitas stroke elemen bar (elemen persegi panjang)

Titik anotasi

Perataan vertikal teks; biasanya diatur ke 'top' agar teks muncul di bawah titik dan tetap terlihat di dalam area chart.

Selector titik anotasi, digunakan untuk memilih titik data.

return _.flatten(

sama dengan operator

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

sama dengan operator

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

sama dengan operator

Nilai field dimensi yang dipilih; mendukung array.

Menentukan metrik id yang dimiliki titik anotasi. Dalam skenario multi-metrik, dapat digabung dengan selector untuk menemukan titik anotasi metrik target secara unik.

Filter dinamis (eksekusi kode yang dihasilkan AI)

Mengimplementasikan logika pemfilteran data kompleks melalui kode JavaScript yang dihasilkan AI.

Cocok untuk Top N, analisis statistik, kondisi kompleks, dan skenario lain yang sulit dinyatakan dengan selector statis.

Kemampuan inti:

• Mendukung kondisi pemfilteran data yang kompleks

• Menggunakan fungsi utilitas bawaan untuk operasi data

• Dieksekusi secara aman di lingkungan browser (sandbox Web Worker)

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

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

Konfigurasi filter dinamis diagram

Memfilter mark diagram (area, titik, dll.) melalui kode JavaScript yang dihasilkan AI

User's filtering requirement description (natural language).

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(

sama dengan operator

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

sama dengan operator

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

sama dengan operator

Nilai field dimensi yang dipilih; mendukung array.

Hasil eksekusi filter dinamis (field runtime)

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

'red'

4

[2, 2]

0

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

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

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

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

center: teks berada di tengah 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

Warna teks

Lebar border background

Radius sudut border background

Padding latar belakang

Apakah latar belakang terlihat.

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 vertikal

'red'

);

Filter dinamis (eksekusi kode yang dihasilkan AI)

Menghitung nilai garis anotasi secara dinamis melalui kode JavaScript yang dihasilkan AI.

Cocok saat posisi garis anotasi perlu ditentukan secara dinamis berdasarkan data, seperti rata-rata, maksimum, kuantil, atau garis bisnis.

Hanya mendukung lingkungan browser (memerlukan Web Worker).

User's filtering requirement description (natural language).

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

field: 'sales'

Hasil eksekusi filter dinamis (field runtime)

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

'red'

Nilai field dimensi yang dipilih; mendukung array.

4

[2, 2]

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

middle: Teks dipusatkan secara vertikal di area anotasi.

Opasitas warna area anotasi

Warna border area anotasi.

Lebar border area anotasi.

Radius sudut border area anotasi.

Background terlihat

Warna latar belakang

Warna teks

Lebar border background

Radius sudut border background

Padding latar belakang

Garis anotasi horizontal

Dimension-value annotation line, displayed horizontally. It can configure the annotation line position, style, and related settings.

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)

Menghitung nilai garis anotasi secara dinamis melalui kode JavaScript yang dihasilkan AI.

Cocok saat posisi garis anotasi perlu ditentukan secara dinamis berdasarkan data, seperti rata-rata, maksimum, kuantil, atau garis bisnis.

Hanya mendukung lingkungan browser (memerlukan Web Worker).

User's filtering requirement description (natural language).

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

field: 'sales'

Hasil eksekusi filter dinamis (field runtime)

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

'red'

2

4

[2, 2]

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 ujung garis anotasi horizontal

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

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 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

Warna teks

Lebar border background

Lebar border background

Radius sudut border background

Padding latar belakang

Opasitas warna area anotasi

Opasitas warna area anotasi

Warna border area anotasi.

Lebar border area anotasi.

Radius sudut border area anotasi.

Gaya garis putus-putus border area anotasi.

Warna utama untuk bagian yang lebih besar dari nilai anotasi

0

Area anotasi

Konfigurasi area anotasi. Berdasarkan data yang dipilih, mendefinisikan area anotasi chart, termasuk posisi, gaya, dan lain-lain.

Apakah mengaktifkan fungsi linkage dimensi ketika diagram mengaktifkan perspektif atau ketika metrik digabungkan.

return _.flatten(

sama dengan operator

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

sama dengan operator

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

sama dengan operator

Nilai field dimensi yang dipilih; mendukung array.

'red'

2

4

[2, 2]

0

Konfigurasi garis regresi polinomial, termasuk orde polinomial, gaya garis regresi, dll.

Disarankan mengatur ke 'center' agar teks berada di tengah area penanda

Orde regresi polinomial

Background terlihat

Warna latar belakang

Warna teks

Warna teks

Lebar border background

Radius sudut border background

Radius sudut border background

Padding latar belakang

Warna area penanda

Opasitas isi area anotasi

Warna border area anotasi

Lebar border area anotasi

Radius border area anotasi

Gaya garis border area anotasi

Margin area penanda

Apakah mengaktifkan keterkaitan dimensi saat pivot atau pengelompokan metrik diaktifkan pada diagram

Saat mengarahkan kursor ke nilai dimensi, sorot data dengan nilai dimensi yang sama di diagram lain

Konfigurasi tautan dimensi diagram pivot

Apakah mengaktifkan tautan dimensi diagram pivot

Apakah menampilkan informasi Tooltip dari sub-diagram yang sesuai dengan semua dimensi

Apakah menampilkan label yang sesuai dengan crosshair

language

Konfigurasi bahasa chart. Mendukung 'zh-CN' dan 'en-US'. Anda juga dapat memanggil intl.setLocale('zh-CN') untuk mengatur bahasa.