#RaceScatter

Diagram scatter dinamis (Race Scatter Chart)

Cocok untuk menampilkan distribusi data yang berubah seiring waktu; posisi titik data menunjukkan dua nilai metrik

Skenario penggunaan:

- Menganalisis karakteristik distribusi data dalam ruang dua dimensi dan menampilkan perubahan dinamisnya seiring waktu

- Menampilkan evolusi korelasi antara beberapa variabel seiring waktu

- Mengamati lintasan pergerakan titik data dalam ruang dua dimensi

Diagram scatter dinamis:

- Sumbu X dan Y sama-sama sumbu numerik (data kontinu), mendukung pemetaan beberapa metrik

- Mendukung kontrol dimensi waktu melalui pemutar untuk menampilkan perubahan data secara dinamis

- Menampilkan perubahan data secara intuitif melalui perubahan posisi titik data

Diagram scatter dinamis, cocok untuk menampilkan distribusi data yang berubah seiring waktu

Sumber data

Dimensi, digunakan untuk membedakan seri data dan menampilkan legenda

ID field yang sesuai dengan dimensi

Alias dimensi

Konfigurasi format tanggal dimensi

Granularitas waktu, menentukan presisi tampilan tanggal

Kanal tempat dimensi dipetakan dalam diagram race scatter

- 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

- player: mendukung pemetaan beberapa dimensi ke kanal pemutar

Metrik. Diperlukan setidaknya dua metrik yang masing-masing dipetakan ke sumbu X dan sumbu Y.

ID field yang sesuai dengan dimensi

Alias dimensi

Pemformatan angka otomatis, aktif secara default, prioritas tertinggi

Saat autoFormat=true, semua konfigurasi numFormat akan ditimpa

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

Kanal tempat metrik dipetakan

- xAxis: metrik yang dipetakan ke sumbu X

- yAxis: metrik yang dipetakan ke sumbu Y

- size: ukuran yang dipetakan dari metrik

- color: warna yang dipetakan dari metrik

- label: label yang dipetakan dari metrik

- tooltip: tooltip yang dipetakan dari metrik

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

Konfigurasi pemutar, digunakan untuk menentukan dimensi waktu, konfigurasi inti diagram batang dinamis

Konfigurasi pemutar, digunakan untuk menentukan nama field yang diputar, harus berupa dimensi

Jumlah pemutaran maksimum; data yang melebihi jumlah ini akan dipotong, false berarti tanpa batas

Interval pemutaran, satuan ms

Apakah memutar otomatis

Apakah memutar berulang

Posisi pemutar

Warna track progress bar pemutar

Font teks pemutar

Ukuran font teks pemutar

Warna progres progress bar pemutar

Warna slider progress bar pemutar

Warna border slider progress bar pemutar

Warna tombol mulai pemutar

Warna tombol jeda pemutar

Warna tombol mundur pemutar

Warna tombol maju pemutar

Konfigurasi pengurutan sumbu X, 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

Paginasi

Konfigurasi paginasi untuk paginasi chart

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 chart

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

Ukuran metrik diagram scatter, digunakan untuk menentukan ukuran atau rentang ukuran titik data

- Jika rentang ukuran berupa angka seperti 10, ukuran titik data tetap 10

- Jika rentang ukuran berupa array dua elemen seperti [10, 40], ukuran titik data berada antara 10 dan 40

- Saling eksklusif dengan sizeRange; prioritas lebih rendah daripada size

Rentang ukuran metrik diagram scatter, digunakan untuk menentukan rentang ukuran titik data,

- Jika rentang ukuran berupa array dua elemen seperti [10, 40], ukuran titik data berada antara 10 dan 40

- Jika rentang ukuran berupa angka seperti 10, ukuran titik data tetap 10

- Saling eksklusif dengan sizeRange; prioritas lebih tinggi daripada size

Warna

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

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

Label

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

Apakah fungsi label diaktifkan

Apakah label dibungkus 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 persentase 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 label dimensi

Tampilkan semua label dimensi

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

Pemformatan angka otomatis, aktif secara default, prioritas tertinggi

Saat autoFormat=true, semua konfigurasi numFormat akan ditimpa

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

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

Memfilter mark chart (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

Legenda

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

Apakah fitur legenda diaktifkan.

Apakah border legenda diaktifkan.

Warna font label

Warna ikon pager

Warna ikon pager yang dinonaktifkan

Ukuran font legenda

Warna font legenda

Ketebalan font legenda

Bentuk legenda

Posisi legenda

Jumlah maksimum kolom atau baris saat item legenda banyak

Tooltip

Konfigurasi tooltip untuk mendefinisikan tooltip chart, termasuk posisi, format, gaya, dll.

Apakah fungsi label diaktifkan

Konfigurasi brush chart

Apakah seleksi 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 chart, including its position, format, style, etc.

Mendefinisikan gaya titik data di luar seleksi brush

Opasitas

Opasitas titik data yang dipilih, rentang 0-1

Warna stroke

Lebar stroke

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

Apakah sumbu terlihat

Garis sumbu width

Tick sumbu X

Apakah menggunakan sumbu logaritmik, hanya berlaku untuk sumbu numerik

Fungsi easing animasi.

Konfigurasi sumbu Y (sumbu kategori) untuk mendefinisikan sumbu Y, termasuk posisi, format, gaya, dll.

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.

Pemformatan angka otomatis, aktif secara default, prioritas tertinggi

Saat autoFormat=true, semua konfigurasi numFormat akan ditimpa

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

Label tick sumbu X

Apakah label terlihat

Warna label

Ukuran font label

Ketebalan font label

Sudut rotasi label

Garis sumbu X

Apakah label terlihat

Warna garis sumbu

Lebar stroke

Tick sumbu X

Apakah label terlihat

Apakah tick mengarah ke dalam

Warna tick

Ukuran tick

Judul sumbu X

Apakah label terlihat

Teks judul; secara default mengikuti konfigurasi field

Warna judul

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

Konfigurasi animasi sumbu X

value: [100, 300]

}

Sumbu Y

Sumbu numerik. Konfigurasi sumbu Y untuk menentukan posisi, format, gaya, dan pengaturan terkait.

Apakah sumbu terlihat

Garis sumbu width

Tick sumbu X

Apakah menggunakan sumbu logaritmik, hanya berlaku untuk sumbu numerik

Fungsi easing animasi.

Konfigurasi sumbu Y (sumbu kategori) untuk mendefinisikan sumbu Y, termasuk posisi, format, gaya, dll.

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.

Pemformatan angka otomatis, aktif secara default, prioritas tertinggi

Saat autoFormat=true, semua konfigurasi numFormat akan ditimpa

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

Label tick sumbu X

Apakah label terlihat

Warna label

Ukuran font label

Ketebalan font label

Sudut rotasi label

Garis sumbu X

Apakah label terlihat

Warna garis sumbu

Lebar stroke

Tick sumbu X

Apakah label terlihat

Apakah tick mengarah ke dalam

Warna tick

Ukuran tick

Judul sumbu X

Apakah label terlihat

Teks judul; secara default mengikuti konfigurasi field

Warna judul

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

Konfigurasi animasi sumbu X

value: [100, 300]

}

Garis panduan vertikal

Garis panduan vertikal yang ditampilkan saat mouse bergerak di atas diagram.

Konfigurasi crosshair, digunakan untuk menampilkan garis crosshair (garis panduan) pada diagram.

Apakah sumbu terlihat

Warna garis crosshair

Warna font label

Apakah label garis crosshair ditampilkan

Warna latar belakang label

Konfigurasi tema

Tema

Tersedia dua tema bawaan, light dan dark; tema baru dapat dikustomisasi melalui registerTheme.

Konfigurasi gaya mark titik, digunakan untuk menentukan warna mark titik, border, dan pengaturan terkait.

Mendukung konfigurasi gaya global atau gaya bersyarat

Filter data

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

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 chart

Memfilter mark chart (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

Apakah titik terlihat

Ukuran titik

Ukuran titik

Warna markah titik

Warna markah titik

Opasitas warna markah titik

Opasitas warna markah titik

Warna border markah titik

Warna border markah titik

Lebar border markah titik

Lebar border markah titik

Gaya border markah titik

Gaya border markah titik

Konfigurasi titik anotasi. Menentukan titik anotasi chart berdasarkan data yang dipilih, termasuk posisi, format, gaya, dan pengaturan terkait.

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.

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

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 chart

Memfilter mark chart (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 nilai dimensi, ditampilkan secara vertikal, dengan posisi dan gaya yang dapat dikonfigurasi

);

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

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

- __row_index menunjukkan nomor baris item data asli; field menunjukkan field yang akan di-highlight

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

Opasitas warna area anotasi

Warna border area anotasi.

Lebar border area anotasi.

Gaya segmen garis

Background terlihat

Warna latar belakang

Warna teks

Lebar border background

Radius sudut border background

Padding latar belakang

Garis anotasi numerik, termasuk garis rata-rata, maksimum, dan minimum. Ditampilkan secara horizontal dan dapat dikonfigurasi berdasarkan posisi serta style. Gunakan konfigurasi ini untuk menggambar garis anotasi nilai numerik seperti garis rata-rata.

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

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

- __row_index menunjukkan nomor baris item data asli; field menunjukkan field yang akan di-highlight

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

Opasitas warna area anotasi

Opasitas warna area anotasi

Warna border area anotasi.

Lebar border area anotasi.

Gaya segmen garis

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, menentukan posisi dan style area anotasi.

Apakah mengaktifkan fungsi linkage dimensi ketika chart mengaktifkan perspektif atau ketika measure 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

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

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

Language

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