RacePie

Deskripsi

Diagram pie dinamis (Race Pie Chart)

Cocok untuk menampilkan hubungan proporsi data yang berubah seiring waktu; luas sektor menunjukkan proporsi setiap kategori

Skenario yang sesuai:

- Menampilkan perubahan distribusi proporsi data kategori seiring waktu

- Menekankan evolusi hubungan keseluruhan dan bagian pada dimensi waktu

- Mengamati fluktuasi proporsi kategori berbeda terhadap total

Note

Diagram pie dinamis:

- Sudut memetakan nilai metrik, warna memetakan nilai dimensi

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

- Luas sektor menyesuaikan secara dinamis mengikuti perubahan data

chartType

Type: "racePie"

Deskripsi

Diagram pie dinamis, cocok untuk menampilkan hubungan proporsi data yang berubah seiring waktu

dataset

Type: Record[]

Deskripsi

Sumber data

dimensions

Type: RacePieDimension[] | undefined

Deskripsi

Dimensi

id

Type: string

Deskripsi

ID field yang sesuai dengan dimensi

alias

Type: string | undefined

Deskripsi

Alias dimensi

timeFormat

Type: TimeFormat | undefined

Deskripsi

Konfigurasi format tanggal dimensi

type

Deskripsi

Granularitas waktu, menentukan presisi tampilan tanggal

encoding

Deskripsi

Kanal tempat dimensi dipetakan

- color: mendukung pemetaan beberapa dimensi ke kanal warna

- detail: mendukung pemetaan beberapa dimensi ke kanal detail

- tooltip: mendukung pemetaan beberapa dimensi ke kanal tooltip

- label: mendukung pemetaan beberapa dimensi ke kanal label

- row: mendukung pemetaan beberapa dimensi ke kanal baris

- column: mendukung pemetaan beberapa dimensi ke kanal kolom

- player: mendukung pemetaan beberapa dimensi ke kanal pemutar

measures

Type: PieMeasure[] | undefined

Deskripsi

Metrik

id

Type: string

Deskripsi

ID metrik, harus unik

alias

Type: string | undefined

Deskripsi

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

autoFormat

Type: boolean | undefined

Deskripsi

Pemformatan angka otomatis, aktif secara default, prioritas tertinggi

Saat autoFormat=true, semua konfigurasi numFormat akan ditimpa

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

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

Contoh:

- locale=zh-CN: 749740.264 → 74.45万

- locale=en-US: 749740.264 → 744.5K

numFormat

Type: NumFormat | undefined

Deskripsi

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

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

type

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

Deskripsi

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

ratio

Type: number | undefined

Deskripsi

Rasio format angka, tidak boleh 0

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

symbol

Type: string | undefined

Deskripsi

Simbol format angka, misalnya %, ‰

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

thousandSeparator

Type: boolean | undefined

Deskripsi

Pemisah ribuan untuk format angka

suffix

Type: string | undefined

Deskripsi

Sufiks format angka

prefix

Type: string | undefined

Deskripsi

Prefiks format angka

fractionDigits

Type: number | undefined

Deskripsi

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

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

significantDigits

Type: number | undefined

Deskripsi

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

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

roundingPriority

Type: "morePrecision" | "lessPrecision" | undefined

Deskripsi

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

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

roundingMode

Deskripsi

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

format

Type: NumFormat | undefined

type

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

Deskripsi

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

ratio

Type: number | undefined

Deskripsi

Rasio format angka, tidak boleh 0

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

symbol

Type: string | undefined

Deskripsi

Simbol format angka, misalnya %, ‰

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

thousandSeparator

Type: boolean | undefined

Deskripsi

Pemisah ribuan untuk format angka

suffix

Type: string | undefined

Deskripsi

Sufiks format angka

prefix

Type: string | undefined

Deskripsi

Prefiks format angka

fractionDigits

Type: number | undefined

Deskripsi

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

significantDigits

Type: number | undefined

Deskripsi

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

roundingPriority

Type: "morePrecision" | "lessPrecision" | undefined

Deskripsi

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

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

roundingMode

Deskripsi

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

encoding

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

Deskripsi

Kanal tempat metrik dipetakan

- angle: sudut tempat metrik dipetakan

- color: metrik dipetakan ke kanal warna

- label: metrik dipetakan ke kanal label

- tooltip: metrik dipetakan ke kanal tooltip

parentId

Type: string | undefined

Deskripsi

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

Tip

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

player

Type: Player | undefined

Deskripsi

Konfigurasi pemutar untuk menentukan dimensi waktu; konfigurasi inti diagram pie dinamis

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

Warning

Fitur ini tidak mendukung tipe chart seperti table, pivotTable, dualAxis, histogram, boxPlot, dan tidak mendukung penggunaan saat kombinasi metrik atau pivot baris/kolom diaktifkan

maxCount

Type: number | false | undefined

Deskripsi

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

interval

Type: number | undefined

Deskripsi

Interval pemutaran, satuan ms

autoPlay

Type: boolean | undefined

Deskripsi

Apakah memutar otomatis

loop

Type: boolean | undefined

Deskripsi

Apakah memutar berulang

position

Type: "left" | "top" | "right" | "bottom" | undefined

Deskripsi

Posisi pemutar

railColor

Type: string | undefined

Deskripsi

Warna track progress bar pemutar

fontFamily

Type: string | undefined

Deskripsi

Font teks pemutar

trackColor

Type: string | undefined

Deskripsi

Warna progres progress bar pemutar

sliderHandleColor

Type: string | undefined

Deskripsi

Warna slider progress bar pemutar

sliderHandleBorderColor

Type: string | undefined

Deskripsi

Warna border slider progress bar pemutar

startButtonColor

Type: string | undefined

Deskripsi

Warna tombol mulai pemutar

pauseButtonColor

Type: string | undefined

Deskripsi

Warna tombol jeda pemutar

backwardButtonColor

Type: string | undefined

Deskripsi

Warna tombol mundur pemutar

forwardButtonColor

Type: string | undefined

Deskripsi

Warna tombol maju pemutar

backgroundColor

Type: BackgroundColor

Deskripsi

Warna latar belakang chart

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

color

Type: Color | undefined

Deskripsi

Warna

colorScheme

Type: string[] | undefined

Deskripsi

Skema warna diskret untuk menentukan warna berbagai elemen dalam chart

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

linearColorScheme

Type: string[] | undefined

Deskripsi

Skema warna gradien linear untuk menentukan warna berbagai elemen dalam chart

Contoh ['#FFCDD2, #F8BBD0]

colorMapping

Type: Record<string, string> | undefined

Deskripsi

Pemetaan warna, digunakan untuk memetakan nilai data ke warna tertentu

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

positiveColor

Type: string | undefined

Deskripsi

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

negativeColor

Type: string | undefined

Deskripsi

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

label

Type: PieLabel | undefined

Deskripsi

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

enable

Type: false | true

Deskripsi

Apakah label diaktifkan

wrap

Type: boolean | undefined

Deskripsi

Apakah label dibungkus ke baris berikutnya

showValue

Type: boolean | undefined

Deskripsi

Apakah label menampilkan nilai metrik

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

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

showValuePercent

Type: boolean | undefined

Deskripsi

Apakah label menampilkan persentase nilai metrik

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

showDimension

Type: boolean | undefined

Deskripsi

Apakah label menampilkan label dimensi

Menampilkan semua label dimensi

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

autoFormat

Type: boolean | undefined

Deskripsi

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

numFormat

Type: NumFormat | undefined

Deskripsi

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

type

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

Deskripsi

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

ratio

Type: number | undefined

Deskripsi

Rasio pemformatan angka. Tidak boleh 0

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

symbol

Type: string | undefined

Deskripsi

Simbol pemformatan angka, misalnya % atau ‰

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

thousandSeparator

Type: boolean | undefined

Deskripsi

Pemisah ribuan untuk pemformatan angka

suffix

Type: string | undefined

Deskripsi

Sufiks pemformatan angka

prefix

Type: string | undefined

Deskripsi

Prefiks pemformatan angka

fractionDigits

Type: number | undefined

Deskripsi

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

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

significantDigits

Type: number | undefined

Deskripsi

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

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

roundingPriority

Type: "morePrecision" | "lessPrecision" | undefined

Deskripsi

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

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

roundingMode

Deskripsi

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

labelFontSize

Type: number | undefined

Deskripsi

Ukuran font label

labelFontWeight

Type: string | number | undefined

Deskripsi

Ketebalan font label

labelBackgroundColor

Type: string | undefined

Deskripsi

Warna latar label

labelStroke

Type: string | undefined

Deskripsi

Warna stroke label

labelColor

Type: string | undefined

Deskripsi

Warna font label

labelColorSmartInvert

Type: boolean | undefined

Deskripsi

Apakah warna font label otomatis dibalik berdasarkan warna mark

labelPosition

Type: "inside" | "outside" | undefined

Deskripsi

Posisi label

labelOverlap

Type: boolean | undefined

Deskripsi

Apakah anti-overlap label diaktifkan

selector

Type: Selector | Selectors | undefined

Deskripsi

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

field

Type: string

Deskripsi

Field dimensi, id dari salah satu item dalam dimensions

operator

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

Deskripsi

Operator

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

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

op

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

Deskripsi

Operator

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

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

sama dengan operator

value

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

Deskripsi

Memilih nilai field dimensi dalam item data. Array didukung

dynamicFilter

Type: ChartDynamicFilter | undefined

Deskripsi

Filter dinamis (eksekusi kode yang dihasilkan AI)

Mengimplementasikan logika filter data kompleks melalui kode JavaScript yang dihasilkan AI

Kemampuan utama:

- Mendukung kondisi filter data yang sangat kompleks

- Menggunakan fungsi utilitas bawaan untuk operasi data

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

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

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

Konfigurasi filter dinamis chart

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

type

Type: "row-with-field"

description

Type: string | undefined

Deskripsi

Deskripsi kebutuhan filter pengguna (bahasa alami)

Contoh "Sorot batang dengan penjualan di atas 1000"

"Sorot batang dengan margin laba tertinggi di setiap wilayah"

code

Type: string

Deskripsi

Kode filter JavaScript yang dihasilkan AI

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

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

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

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

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

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

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

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

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

const profitRate = item.profit / item.sales;

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

fallback

Type: Selector | Selectors | undefined

Deskripsi

Fallback ketika eksekusi kode gagal atau lingkungan tidak didukung

field

Type: string

Deskripsi

Field dimensi, id dari salah satu item dalam dimensions

operator

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

Deskripsi

Operator

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

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

op

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

Deskripsi

Operator

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

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

sama dengan operator

value

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

Deskripsi

Memilih nilai field dimensi dalam item data. Array didukung

result

Type: DynamicFilterExecutionResult<RowWithFieldRes> | undefined

Deskripsi

Hasil eksekusi filter dinamis (field runtime)

Ditulis pada tahap prepare(); hanya baca saat runtime

success

Type: false | true

data

Type: T[] | undefined

error

Type: string | undefined

labelLayout

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

Deskripsi

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

- arc: menata label mengikuti bentuk busur

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

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

legend

Type: Legend | undefined

Deskripsi

Legenda

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

enable

Type: boolean | undefined

Deskripsi

Apakah legenda diaktifkan

Contoh enable: true

border

Type: boolean | undefined

Deskripsi

Apakah border legenda diaktifkan

Warning

Hanya berlaku untuk legenda diskret

Contoh

labelColor

Type: string | undefined

Deskripsi

Warna font legenda

pagerIconColor

Type: string | undefined

Deskripsi

Warna ikon pager

pagerIconDisableColor

Type: string | undefined

Deskripsi

Warna ikon pager saat nonaktif

labelFontSize

Type: number | undefined

Deskripsi

Ukuran font legenda

Contoh

labelFontColor

Type: string | undefined

Deskripsi

Warna font legenda

labelFontWeight

Type: string | number | undefined

Deskripsi

Ketebalan font legenda

Contoh

shapeType

Deskripsi

Bentuk legenda

Warning

Hanya berlaku untuk legenda diskret

Contoh

position

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

Deskripsi

Posisi legenda

Contoh

maxSize

Type: number | undefined

Deskripsi

Jumlah maksimum kolom atau baris saat item legenda sangat banyak

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

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

Warning

Hanya berlaku untuk legenda diskret

Contoh

Type: Tooltip | undefined

Deskripsi

Apakah mengaktifkan seleksi brush

enable

Type: false | true

Deskripsi

Apakah tooltip diaktifkan

brush

Type: Brush | undefined

Deskripsi

Mode seleksi brush: tunggal atau ganda

enable

Type: boolean | undefined

Deskripsi

Apakah brush selection diaktifkan

brushType

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

Deskripsi

Jenis brush

Menentukan bentuk area brush dan arah seleksi.

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

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

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

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

brushMode

Type: "single" | "multiple" | undefined

Deskripsi

Opasitas of selected data points, range 0-1

removeOnClick

Type: boolean | undefined

Deskripsi

Apakah area brush dibersihkan setelah brush selection selesai

inBrushStyle

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

Deskripsi

Gaya data di dalam area brush

Menentukan gaya titik data yang terseleksi

opacity

Type: number | undefined

Deskripsi

Opasitas

Opasitas titik data yang terseleksi, rentang nilai 0-1

stroke

Type: string | undefined

Deskripsi

Warna stroke

lineWidth

Type: number | undefined

Deskripsi

Lebar stroke

outOfBrushStyle

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

Deskripsi

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

opacity

Type: number | undefined

Deskripsi

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

stroke

Type: string | undefined

Deskripsi

Warna stroke

lineWidth

Type: number | undefined

Deskripsi

Lebar stroke

theme

Type: Theme | undefined

Deskripsi

Konfigurasi tema

Tema

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

length

Type: number

brand

Type: brand

locale

Deskripsi

Bahasa

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

#RacePie

#chartType

#dataset

#dimensions

#id

#alias

#timeFormat

#type

#encoding

#measures

#id

#alias

#autoFormat

#numFormat

#type

#ratio

#symbol

#thousandSeparator

#suffix

#prefix

#fractionDigits

#significantDigits

#roundingPriority

#roundingMode

#format

#type

#ratio

#symbol

#thousandSeparator

#suffix

#prefix

#fractionDigits

#significantDigits

#roundingPriority

#roundingMode

#encoding

#parentId

#page

#field

#currentValue

#player

#maxCount

#interval

#autoPlay

#loop

#position

#railColor

#fontFamily

#fontSize

#trackColor

#sliderHandleColor

#sliderHandleBorderColor

#startButtonColor

#pauseButtonColor

#backwardButtonColor

#forwardButtonColor

#backgroundColor

#color

#colorScheme

#linearColorScheme

#colorMapping

#positiveColor

#negativeColor

#label

#enable

#wrap

#showValue

#showValuePercent

#showDimension

#autoFormat

#numFormat

#type

#ratio

#symbol

#thousandSeparator

#suffix

#prefix

#fractionDigits

#significantDigits

#roundingPriority

RacePie

chartType

dataset

dimensions

id

alias

timeFormat

type

encoding

measures

id

alias

autoFormat

numFormat

type

ratio

symbol

thousandSeparator

suffix

prefix

fractionDigits

significantDigits

roundingPriority

roundingMode

format

type

ratio

symbol

thousandSeparator

suffix

prefix

fractionDigits

significantDigits

roundingPriority

roundingMode

encoding

parentId

page

field

currentValue

player

maxCount

interval

autoPlay

loop

position

railColor

fontFamily

fontSize

trackColor

sliderHandleColor

sliderHandleBorderColor

startButtonColor

pauseButtonColor

backwardButtonColor

forwardButtonColor

backgroundColor

color

colorScheme

linearColorScheme

colorMapping

positiveColor

negativeColor

label

enable

wrap

showValue

showValuePercent

showDimension

autoFormat

numFormat

type

ratio

symbol

thousandSeparator

suffix

prefix

fractionDigits

significantDigits

roundingPriority