RacePie
Graphique en secteurs dynamique (Race Pie Chart)
Convient pour afficher les proportions de données au fil du temps ; la surface des secteurs représente la part de chaque catégorie
Scénarios applicables :
- Afficher l’évolution de la distribution des proportions de données catégorielles dans le temps
- Mettre en avant l’évolution de la relation entre le tout et les parties sur la dimension temporelle
- Observer les fluctuations de part des différentes catégories dans le total
Graphique en secteurs dynamique :
- Les angles représentent les valeurs de mesure, les couleurs représentent les valeurs de dimension
- Permet de contrôler la dimension temporelle via le lecteur pour afficher dynamiquement les variations de proportion
- La surface des secteurs s’ajuste dynamiquement selon les données
chartType
Type: "racePie"
Graphique en secteurs dynamique, adapté à l’affichage des proportions de données au fil du temps
dataset
Type: Record[]
Source de données
dimensions
Type: RacePieDimension[] | undefined
Dimensions
id
Type: string
ID de champ correspondant à la dimension
alias
Type: string | undefined
Alias de dimension
timeFormat
Type: TimeFormat | undefined
Configuration du format de date de la dimension
type
Type: "year" | "quarter" | "month" | "week" | "day" | "hour" | "minute" | "second"
Granularité temporelle, détermine la précision d'affichage de la date
encoding
Type: "color" | "detail" | "tooltip" | "label" | "row" | "column" | "player" | undefined
Canal auquel la dimension est mappée
- color : prend en charge le mapping de plusieurs dimensions vers le canal de couleur
- detail : prend en charge le mapping de plusieurs dimensions vers le canal de détail
- tooltip : permet de mapper plusieurs dimensions au canal d'infobulle
- label : permet de mapper plusieurs dimensions au canal d'étiquette
- row : prend en charge le mapping de plusieurs dimensions vers le canal de ligne
- column : prend en charge le mapping de plusieurs dimensions vers le canal de colonne
- player : prend en charge le mappage de plusieurs dimensions au canal du lecteur
measures
Type: PieMeasure[] | undefined
Mesures
id
Type: string
ID de mesure, doit être unique
alias
Type: string | undefined
Alias de mesure, doublons autorisés ; s'il n'est pas défini, alias vaut id
autoFormat
Type: boolean | undefined
Formatage numérique automatique, activé par défaut, priorité la plus élevée
Lorsque autoFormat=true, toutes les configurations numFormat sont remplacées
Lorsqu'il est activé, les étiquettes de données et les infobulles choisissent automatiquement le format adapté selon les valeurs de mesure et la locale
Règles de formatage : nombres décimaux avec compact notation activée, minimum 0 décimale, maximum 2 décimales, arrondi automatique, via l'implémentation Intl.NumberFormat du navigateur
Par exemple :
- locale=zh-CN: 749740.264 → 74.45万
- locale=en-US: 749740.264 → 744.5K
numFormat
Type: NumFormat | undefined
Formatage numérique personnalisé pour les mesures ; appliqué automatiquement aux étiquettes et infobulles
Remarque : pour utiliser un format personnalisé, définissez explicitement autoFormat=false ; sinon autoFormat remplacera cette configuration
type
Type: "number" | "percent" | "permille" | "scientific" | undefined
Type de format numérique, prend en charge : nombre (décimal), pourcentage (%), pour mille (‰), notation scientifique
ratio
Type: number | undefined
Ratio de format numérique, ne peut pas être 0
Exemple - 100000 devient 10万, ratio:10000, symbol:"万" - 100000 est converti en 10K, ratio:1000, symbol:"K"
symbol
Type: string | undefined
Symbole de format numérique, par ex. %, ‰
Exemple - 100000 devient 10万, ratio:10000, symbol:"万" - 100000 est converti en 10K, ratio:1000, symbol:"K"
thousandSeparator
Type: boolean | undefined
Séparateur des milliers pour le formatage numérique
suffix
Type: string | undefined
Suffixe de format numérique
prefix
Type: string | undefined
Préfixe de format numérique
fractionDigits
Type: number | undefined
Nombre de décimales pour le formatage numérique, utilise minimumFractionDigits et maximumFractionDigits de Intl.NumberFormat du navigateur ; priorité inférieure à significantDigits
Exemple - 1234.5678 est converti en 1235 , fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.6 , fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.57 , fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 est converti en 1230.568 , fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.5678 , fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.56780 , fractionDigits:5 (roundingMode:halfCeil)
significantDigits
Type: number | undefined
Chiffres significatifs pour le formatage numérique, utilise minimumSignificantDigits et maximumSignificantDigits de Intl.NumberFormat du navigateur ; priorité supérieure à fractionDigits
Exemple - 1234.5678 est converti en 1000 , significantDigits:1 - 1234.5678 est converti en 1200 , significantDigits:2 - 1234.5678 est converti en 1230 , significantDigits:3 - 1234.5678 est converti en 1234 , significantDigits:4 - 1234.5678 est converti en 1234.6 , significantDigits:5 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.57 , significantDigits:6 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.568 , significantDigits:7 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.5678 , significantDigits:8 (roundingMode:halfCeil)
roundingPriority
Type: "morePrecision" | "lessPrecision" | undefined
Priorité d'arrondi du formatage numérique lorsque significantDigits et fractionDigits sont tous deux définis ; utilise Intl.NumberFormat du navigateur et suit les mêmes règles que roundingPriority
Exemple - 1234.5678 est converti en 1230 , significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 est converti en 1234.5678 , significantDigits:3 (roundingPriority:morePrecision)
roundingMode
Type: "floor" | "ceil" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined
Mode d'arrondi du formatage numérique, utilise Intl.NumberFormat du navigateur et suit les mêmes règles que roundingMode
format
Type: NumFormat | undefined
type
Type: "number" | "percent" | "permille" | "scientific" | undefined
Type de format numérique, prend en charge : nombre (décimal), pourcentage (%), pour mille (‰), notation scientifique
ratio
Type: number | undefined
Ratio de format numérique, ne peut pas être 0
Exemple - 100000 devient 10万, ratio:10000, symbol:"万" - 100000 est converti en 10K, ratio:1000, symbol:"K"
symbol
Type: string | undefined
Symbole de format numérique, par ex. %, ‰
Exemple - 100000 devient 10万, ratio:10000, symbol:"万" - 100000 est converti en 10K, ratio:1000, symbol:"K"
thousandSeparator
Type: boolean | undefined
Séparateur des milliers pour le formatage numérique
suffix
Type: string | undefined
Suffixe de format numérique
prefix
Type: string | undefined
Préfixe de format numérique
fractionDigits
Type: number | undefined
Nombre de décimales pour le formatage numérique, utilise minimumFractionDigits et maximumFractionDigits de Intl.NumberFormat du navigateur ; priorité inférieure à significantDigits
Exemple - 1234.5678 est converti en 1235 , fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.6 , fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.57 , fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 est converti en 1230.568 , fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.5678 , fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.56780 , fractionDigits:5 (roundingMode:halfCeil)
significantDigits
Type: number | undefined
Chiffres significatifs pour le formatage numérique, utilise minimumSignificantDigits et maximumSignificantDigits de Intl.NumberFormat du navigateur ; priorité supérieure à fractionDigits
Exemple - 1234.5678 est converti en 1000 , significantDigits:1 - 1234.5678 est converti en 1200 , significantDigits:2 - 1234.5678 est converti en 1230 , significantDigits:3 - 1234.5678 est converti en 1234 , significantDigits:4 - 1234.5678 est converti en 1234.6 , significantDigits:5 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.57 , significantDigits:6 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.568 , significantDigits:7 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.5678 , significantDigits:8 (roundingMode:halfCeil)
roundingPriority
Type: "morePrecision" | "lessPrecision" | undefined
Priorité d'arrondi du formatage numérique lorsque significantDigits et fractionDigits sont tous deux définis ; utilise Intl.NumberFormat du navigateur et suit les mêmes règles que roundingPriority
Exemple - 1234.5678 est converti en 1230 , significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 est converti en 1234.5678 , significantDigits:3 (roundingPriority:morePrecision)
roundingMode
Type: "floor" | "ceil" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined
Mode d'arrondi du formatage numérique, utilise Intl.NumberFormat du navigateur et suit les mêmes règles que roundingMode
encoding
Type: "color" | "tooltip" | "label" | "angle" | undefined
Canal auquel la mesure est mappée
- angle : angle auquel la mesure est mappée
- color : mesure mappée vers le canal de couleur
- label : mesure mappée au canal d'étiquette
- tooltip : mesure mappée au canal d'infobulle
parentId
Type: string | undefined
Dans une configuration de mesures plate, construit un groupe de mesures en arbre. parentId pointe vers l'id du groupe de mesures parent et sert à construire l'arbre des mesures
Il existe deux façons de configurer l'arbre des mesures : l'option 1 configure directement un arbre de mesures avec children ; l'option 2 configure une liste plate de mesures avec parentId. Ces deux méthodes ne peuvent pas être utilisées simultanément
page
Type: Page | undefined
Configuration de pagination, utilisée pour spécifier le nom du champ de pagination, qui doit être une dimension.
field
Type: string
Champ de pagination ; indique le nom du champ utilisé pour la pagination et doit être une dimension
currentValue
Type: string
Valeur de pagination actuelle ; indique la valeur utilisée pour déterminer la page courante
Exemple '2023-01-01'
player
Type: Player | undefined
Configuration du lecteur pour definir la dimension temporelle; configuration centrale du graphique en secteurs anime
Configuration du lecteur, utilisée pour spécifier le nom du champ à lire, qui doit être une dimension
Cette fonction ne prend pas en charge les types de graphiques table, pivotTable, dualAxis, histogram, boxPlot, etc., ni l’utilisation avec combinaison de mesures ou pivot lignes/colonnes activé
maxCount
Type: number | false | undefined
Nombre maximal de lectures ; les données au-delà de ce nombre sont tronquées, false signifie aucune limite
interval
Type: number | undefined
Intervalle de lecture, unité ms
autoPlay
Type: boolean | undefined
Indique s’il faut lire automatiquement
loop
Type: boolean | undefined
Indique s’il faut lire en boucle
position
Type: "left" | "top" | "right" | "bottom" | undefined
Position du lecteur
railColor
Type: string | undefined
Couleur de la piste de la barre de progression du lecteur
fontFamily
Type: string | undefined
Police du texte du lecteur
fontSize
Type: number | undefined
Taille de police du texte du lecteur
trackColor
Type: string | undefined
Couleur de progression de la barre de progression du lecteur
sliderHandleColor
Type: string | undefined
Couleur du curseur de la barre de progression du lecteur
sliderHandleBorderColor
Type: string | undefined
Couleur de bordure du curseur de la barre de progression du lecteur
startButtonColor
Type: string | undefined
Couleur du bouton de démarrage du lecteur
pauseButtonColor
Type: string | undefined
Couleur du bouton pause du lecteur
backwardButtonColor
Type: string | undefined
Couleur du bouton retour du lecteur
forwardButtonColor
Type: string | undefined
Couleur du bouton avance du lecteur
backgroundColor
Type: BackgroundColor
Couleur d'arrière-plan du graphique
La couleur d'arrière-plan peut être une chaîne de couleur (par ex. 'red', 'blue') ou une valeur hex, rgb ou rgba (par ex. '#ff0000', 'rgba(255,0,0,0.5)')
color
Type: Color | undefined
Couleur
colorScheme
Type: string[] | undefined
Palette de couleurs discrètes utilisée pour définir les couleurs des différents éléments du graphique
Exemple ['#FFCDD2,#F8BBD0,#E1BEE7,#D1C4E9,#C5CAE9,#BBDEFB,#B3E5FC,#B2EBF2,#B2DFDB,#C8E6C9,#DCEDC8,#F0F4C3,#FFF9C4,#FFECB3,#FFE0B2']
linearColorScheme
Type: string[] | undefined
Palette de couleurs en dégradé linéaire utilisée pour définir les couleurs des différents éléments du graphique
Exemple ['#FFCDD2, #F8BBD0]
colorMapping
Type: Record<string, string> | undefined
Mappage de couleurs, utilisé pour associer les valeurs de données à des couleurs précises
Exemple { 'profit': 'red', 'sales': 'blue', }
positiveColor
Type: string | undefined
Configuration des couleurs positif/négatif ; définit la couleur des valeurs positives dans le graphique
negativeColor
Type: string | undefined
Configuration des couleurs positif/négatif ; définit la couleur des valeurs négatives dans le graphique
label
Type: PieLabel | undefined
Configuration des étiquettes pour définir les étiquettes de données du graphique, y compris leur position, format et style.
enable
Type: false | true
Indique si les étiquettes sont activées
wrap
Type: boolean | undefined
Indique si les étiquettes passent à la ligne
showValue
Type: boolean | undefined
Indique si les étiquettes affichent les valeurs de mesure
Dans les scénarios à plusieurs mesures, il n’y a pas de risque de valeurs contradictoires, car toutes les mesures liées au rendu sont traitées par foldMeasures et fusionnées en une seule mesure représentant un point de données.
Remarque : encoding.label a une priorité plus élevée ; cette configuration n’affecte pas encoding.label
showValuePercent
Type: boolean | undefined
Indique si les étiquettes affichent le pourcentage des valeurs de mesure
Dans les scénarios à plusieurs mesures, il n’y a pas de risque de valeurs contradictoires, car toutes les mesures liées au rendu sont traitées par foldMeasures et fusionnées en une seule mesure représentant un point de données.
Remarque : encoding.label a une priorité plus élevée ; cette configuration n’affecte pas encoding.label
showDimension
Type: boolean | undefined
Indique si les étiquettes affichent les libellés de dimension
Affiche tous les libellés de dimension
Remarque : encoding.label a une priorité plus élevée ; cette configuration n’affecte pas encoding.label
autoFormat
Type: boolean | undefined
Indique si les valeurs d’étiquette sont formatées automatiquement. Lorsque autoFormat vaut true, la configuration numFormat est ignorée
numFormat
Type: NumFormat | undefined
Configuration du format des valeurs d’étiquette. Elle est fusionnée avec format dans measure ; format dans measure a une priorité plus élevée. numFormat a une priorité inférieure à autoFormat
type
Type: "number" | "percent" | "permille" | "scientific" | undefined
Type de format numérique. Prend en charge nombre (décimal), pourcentage (%), pour mille (‰) et notation scientifique
ratio
Type: number | undefined
Ratio de formatage numérique. Ne peut pas être 0
Exemple - 100000 est converti en 10K, ratio:1000, symbol:"K"
symbol
Type: string | undefined
Symbole de formatage numérique, par exemple % ou ‰
Exemple - 100000 est converti en 10K, ratio:1000, symbol:"K"
thousandSeparator
Type: boolean | undefined
Séparateur de milliers pour le formatage numérique
suffix
Type: string | undefined
Suffixe de formatage numérique
prefix
Type: string | undefined
Préfixe de formatage numérique
fractionDigits
Type: number | undefined
Décimales du formatage numérique, avec minimumFractionDigits et maximumFractionDigits de Intl.NumberFormat du navigateur. Priorité inférieure à significantDigits
Exemple - 1234.5678 est converti en 1234.6 , fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.57 , fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 est converti en 1230.568 , fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.5678 , fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.56780 , fractionDigits:5 (roundingMode:halfCeil)
significantDigits
Type: number | undefined
Chiffres significatifs du formatage numérique, avec minimumSignificantDigits et maximumSignificantDigits de Intl.NumberFormat du navigateur. Priorité supérieure à fractionDigits
Exemple - 1234.5678 est converti en 1200 , significantDigits:2 - 1234.5678 est converti en 1230 , significantDigits:3 - 1234.5678 est converti en 1234 , significantDigits:4 - 1234.5678 est converti en 1234.6 , significantDigits:5 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.57 , significantDigits:6 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.568 , significantDigits:7 (roundingMode:halfCeil) - 1234.5678 est converti en 1234.5678 , significantDigits:8 (roundingMode:halfCeil)
roundingPriority
Type: "morePrecision" | "lessPrecision" | undefined
Priorité d’arrondi du formatage numérique lorsque significantDigits et fractionDigits sont tous deux définis, avec Intl.NumberFormat du navigateur selon les mêmes règles que roundingPriority
Exemple - 1234.5678 est converti en 1234.5678 , significantDigits:3 (roundingPriority:morePrecision)
roundingMode
Type: "floor" | "ceil" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined
Mode d’arrondi du formatage numérique, avec Intl.NumberFormat du navigateur selon les mêmes règles que roundingMode
labelFontSize
Type: number | undefined
Taille de police de l’étiquette
labelFontWeight
Type: string | number | undefined
Graisse de police de l’étiquette
labelBackgroundColor
Type: string | undefined
Couleur d’arrière-plan de l’étiquette
labelStroke
Type: string | undefined
Couleur du contour de l’étiquette
labelColor
Type: string | undefined
Couleur de police de l’étiquette
labelColorSmartInvert
Type: boolean | undefined
Indique si la couleur de police de l’étiquette est automatiquement inversée selon la couleur du marqueur
labelPosition
Type: "inside" | "outside" | undefined
Position de l’étiquette
labelOverlap
Type: boolean | undefined
Indique si l’évitement du chevauchement des étiquettes est activé
selector
Type: Selector | Selectors | undefined
Filtre d’étiquette. Par défaut, la relation entre selectors est OR
field
Type: string
Champ de dimension, id d’un élément de dimensions
operator
Type: "in" | "not in" | undefined
Opérateur
- in : sélectionne les éléments de données dont la valeur du champ de dimension est dans value
- not in : sélectionne les éléments de données dont la valeur du champ de dimension n’est pas dans value
op
Type: "in" | "not in" | undefined
Opérateur
- in : sélectionne les éléments de données dont la valeur du champ de dimension est dans value
- not in : sélectionne les éléments de données dont la valeur du champ de dimension n’est pas dans value
identique à operator
value
Type: string | number | (string | number)[]
Sélectionne les valeurs du champ de dimension dans les éléments de données. Les tableaux sont pris en charge
dynamicFilter
Type: ChartDynamicFilter | undefined
Filtre dynamique (exécution de code généré par IA)
Implémente une logique complexe de filtrage des données via du code JavaScript généré par IA
Capacités clés :
- Prend en charge des conditions de filtrage de données arbitrairement complexes
- Utilise des fonctions utilitaires intégrées pour les opérations sur les données
- S’exécute en toute sécurité dans l’environnement navigateur (sandbox Web Worker)
Exigence d’environnement : uniquement pris en charge dans le navigateur ; les environnements Node.js utilisent fallback
Remarque : selector et dynamicFilter ne peuvent pas être utilisés simultanément. dynamicFilter a une priorité plus élevée
Configuration du filtre dynamique du graphique
Utilise du code JavaScript généré par IA pour filtrer les marques du graphique (barres, points, etc.)
type
Type: "row-with-field"
description
Type: string | undefined
Description du besoin de filtrage utilisateur (langage naturel)
Exemple "Mettre en surbrillance les barres dont les ventes dépassent 1000"
"Mettre en surbrillance la barre avec la marge la plus élevée dans chaque région"
code
Type: string
Code de filtrage JavaScript généré par IA
- Seules les fonctions utilitaires intégrées peuvent être utilisées (via _ ou R)
- Paramètre d’entrée : data (tableau), chaque item contient le champ __row_index indiquant le numéro de ligne
- Doit retourner un tableau de combinaisons index de ligne et champ : Array<{ __row_index: number, field: string }>
- __row_index indique le numéro de ligne de l’élément de données original, field indique le champ à mettre en évidence
- Interdit : eval, Function, opérations asynchrones, API DOM, requêtes réseau
Exemple return _.map(filtered, item => ({
const maxItems = _.map(grouped, group =>
const profitRate = item.profit / item.sales;
fallback
Type: Selector | Selectors | undefined
Fallback lorsque l’exécution du code échoue ou que l’environnement n’est pas pris en charge
field
Type: string
Champ de dimension, id d’un élément de dimensions
operator
Type: "in" | "not in" | undefined
Opérateur
- in : sélectionne les éléments de données dont la valeur du champ de dimension est dans value
- not in : sélectionne les éléments de données dont la valeur du champ de dimension n’est pas dans value
op
Type: "in" | "not in" | undefined
Opérateur
- in : sélectionne les éléments de données dont la valeur du champ de dimension est dans value
- not in : sélectionne les éléments de données dont la valeur du champ de dimension n’est pas dans value
identique à operator
value
Type: string | number | (string | number)[]
Sélectionne les valeurs du champ de dimension dans les éléments de données. Les tableaux sont pris en charge
result
Type: DynamicFilterExecutionResult<RowWithFieldRes> | undefined
Résultat d’exécution du filtre dynamique (champ runtime)
Écrit pendant prepare(); en lecture seule à l’exécution
success
Type: false | true
data
Type: T[] | undefined
error
Type: string | undefined
labelLayout
Type: "arc" | "labelLine" | "edge" | undefined
Mode de disposition des étiquettes, actif uniquement pour les graphiques en secteurs et en anneau lorsque labelPosition vaut outside
- arc : dispose les étiquettes selon l’arc
- labelLine : aligne les deux extrémités des étiquettes et relie les secteurs aux étiquettes par des lignes de guidage
- edge : aligne les deux extrémités des étiquettes, relie les secteurs aux étiquettes par des lignes de guidage et les rapproche des bords du graphique
legend
Type: Legend | undefined
Légende
Configuration de la légende du graphique, incluant sa position, son format et son style.
enable
Type: boolean | undefined
Indique si la légende est activée
Exemple enable: true
border
Type: boolean | undefined
Indique si la bordure de légende est activée
Efficace uniquement pour les légendes discrètes
Exemple
labelColor
Type: string | undefined
Couleur de police de la légende
pagerIconColor
Type: string | undefined
Couleur de l’icône du pager
pagerIconDisableColor
Type: string | undefined
Couleur de l’icône du pager désactivée
labelFontSize
Type: number | undefined
Taille de police de la légende
Exemple
labelFontColor
Type: string | undefined
Couleur de police de la légende
labelFontWeight
Type: string | number | undefined
Graisse de police de la légende
Exemple
shapeType
Type: "circle" | "cross" | "diamond" | "square" | "arrow" | "arrow2Left" | "arrow2Right" | "wedge" | "thinTriangle" | "triangle" | "triangleUp" | "triangleDown" | "triangleRight" | "triangleLeft" | "stroke" | "star" | "wye" | "rect" | "arrowLeft" | "arrowRight" | "rectRound" | "roundLine" | undefined
Forme de la légende
Efficace uniquement pour les légendes discrètes
Exemple
position
Type: "left" | "leftTop" | "leftBottom" | "lt" | "lb" | "top" | "topLeft" | "topRight" | "tl" | "tr" | "right" | "rightTop" | "rightBottom" | "rt" | "rb" | "bottom" | "bottomLeft" | "bottomRight" | "bl" | "br" | undefined
Position de la légende
Exemple
maxSize
Type: number | undefined
Nombre maximal de colonnes ou de lignes lorsqu’il y a beaucoup d’éléments de légende
Si position est horizontale (bottom, bottomLeft, bottomRight, bl, br, top, topLeft, topRight, tl, tr), maxSize contrôle le nombre de colonnes affichées
Si position est verticale (left, leftTop, leftBottom, lt, lb, right, rightTop, rightBottom, rt, rb), maxSize contrôle le nombre de lignes affichées
Efficace uniquement pour les légendes discrètes
Exemple
tooltip
Type: Tooltip | undefined
Indique si la sélection brush est activée
enable
Type: false | true
Indique si les infobulles sont activées
brush
Type: Brush | undefined
Mode de selection par brush : simple ou multiple
enable
Type: boolean | undefined
Indique si la sélection par brush est activée
brushType
Type: "rect" | "x" | "y" | "polygon" | undefined
Type de brush
Définit la forme de la zone de sélection et la direction de sélection.
- rect : sélection rectangulaire, possible simultanément dans les directions X et Y
- polygon : sélection polygonale, dessine un polygone libre en cliquant plusieurs points
- x : sélection dans la direction de l’axe X uniquement, sans contrainte sur Y
- y : sélection dans la direction de l’axe Y uniquement, sans contrainte sur X
brushMode
Type: "single" | "multiple" | undefined
Opacité of selected data points, range 0-1
removeOnClick
Type: boolean | undefined
Indique si la zone de brush est effacée à la fin de la sélection
inBrushStyle
Type: { opacity?: number; stroke?: string; lineWidth?: number; } | undefined
Style des données dans la zone de brush
Définit le style des points de données sélectionnés
opacity
Type: number | undefined
Opacité
Opacité des points de données sélectionnés, valeur comprise entre 0 et 1
stroke
Type: string | undefined
Couleur du trait
lineWidth
Type: number | undefined
Largeur du trait
outOfBrushStyle
Type: { opacity?: number; stroke?: string; lineWidth?: number; } | undefined
Axe X, axe categoriel, configuration de l axe X ; definit l axe X du graphique, notamment sa position, son format, son style, etc.
opacity
Type: number | undefined
- 100000 devient 10万, ratio:10000, symbol:"万"
stroke
Type: string | undefined
Couleur du trait
lineWidth
Type: number | undefined
Largeur du trait
theme
Type: Theme | undefined
Configuration du thème
Thème
Deux thèmes intégrés sont disponibles, light et dark; de nouveaux thèmes personnalisés peuvent être définis via registerTheme.
length
Type: number
brand
Type: brand
locale
Type: "zh-CN" | "en-US" | "ja-JP" | "de-DE" | "id-ID" | "fr-FR" | "ko-KR" | "vi-VN" | undefined
Langue
Configuration de la langue du graphique, prenant en charge 'zh-CN' et 'en-US'. Il est aussi possible d’appeler intl.setLocale('zh-CN') pour définir la langue