#RaceColumn

Graphique à colonnes dynamique (Race Column Chart)

Adapté à l’affichage des classements de données qui évoluent au fil du temps, avec des colonnes disposées verticalement

Scénarios adaptés :

• Lorsque les noms des éléments de données sont longs

• Lorsque vous devez comparer intuitivement les valeurs de différentes catégories et afficher l’évolution de leur classement dans le temps

• Afficher les tendances d’évolution des données temporelles et mettre à jour dynamiquement le tri des colonnes

Graphique à colonnes dynamique :

• L’axe X est un axe de catégories (données catégorielles) et affiche les valeurs de dimension

• L’axe Y est un axe numérique (données continues) et affiche les valeurs de mesure

• Permet de contrôler la dimension temporelle via le lecteur pour afficher dynamiquement les changements de données

• Les colonnes sont triées dynamiquement selon leur valeur pendant l’animation

Graphique à colonnes dynamique, adapté à l’affichage des classements de données qui évoluent au fil du temps

Source de données: jeu de données conforme à TidyData et déjà agrégé, utilisé pour définir la source et la structure des données du graphique. Les jeux de données fournis par l’utilisateur ne nécessitent aucun prétraitement; VSeed inclut une puissante fonctionnalité remodelage des données qui effectue automatiquement la transformation. Les données du graphique en barres sont finalement converties en 2 dimensions et 1 mesure.

Dimensions

La première dimension est mappée sur player, la deuxième dimension est mappée sur l’axe X

ID de champ correspondant à la dimension

Alias de dimension

Configuration du format de date de la dimension

Granularité temporelle, détermine la précision d’affichage de la date

Canal auquel la dimension est mappée

- xAxis : prend en charge le mapping de plusieurs dimensions sur l’axe x

- 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 : prend en charge le mapping de plusieurs dimensions vers le canal d’infobulle

- label : prend en charge le mapping de plusieurs dimensions vers le 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

Toutes les mesures de l'histogramme vertical sont automatiquement fusionnées en une seule mesure et mappées sur l'axe Y. S'il existe plusieurs mesures, leurs noms sont fusionnés avec les autres dimensions et affichés comme éléments de légende.

ID de mesure, doit être unique

Alias de mesure, les doublons sont autorisés; s’il n’est pas défini, l’alias vaut l’id par défaut

Formatage automatique des nombres, activé par défaut, priorité la plus élevée

Lorsque autoFormat=true, toutes les configurations numFormat sont remplacées

Lorsque cette option est activée, les étiquettes et infobulles du graphique choisissent automatiquement le format approprié selon les valeurs de mesure et la locale

Règles de formatage: nombres décimaux avec notation compacte activée, au moins 0 décimale, au plus 2 décimales, arrondi automatique, avec l’implémentation Intl.NumberFormat du navigateur

Par exemple:

- locale='zh-CN': 749740.264 → 74.45万

- locale='en-US': 749740.264 → 744.5K

Formatage numérique personnalisé des mesures; appliqué automatiquement aux étiquettes et aux infobulles

Remarque: pour utiliser un format personnalisé, vous devez définir explicitement autoFormat=false; sinon autoFormat remplacera cette configuration

Type de format numérique, prend en charge: number (décimal), percent (%), permille (‰), notation scientifique

Ratio du format numérique, ne peut pas être 0

Symbole du format numérique, par ex. %, ‰

Séparateur de milliers pour le formatage numérique

Suffixe du format numérique

Préfixe du format numérique

Décimales pour le formatage numérique, avec minimumFractionDigits et maximumFractionDigits d’Intl.NumberFormat du navigateur; priorité plus faible que significantDigits

Chiffres significatifs pour le formatage numérique, avec minimumSignificantDigits et maximumSignificantDigits d’Intl.NumberFormat du navigateur; priorité plus élevée que fractionDigits

Priorité d’arrondi pour le 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 d’Intl.NumberFormat

Mode d’arrondi pour le formatage numérique, avec Intl.NumberFormat du navigateur et les mêmes règles que roundingMode d’Intl.NumberFormat

Type de format numérique, prend en charge: number (décimal), percent (%), permille (‰), notation scientifique

Ratio du format numérique, ne peut pas être 0

Symbole du format numérique, par ex. %, ‰

Séparateur de milliers pour le formatage numérique

Suffixe du format numérique

Préfixe du format numérique

Décimales pour le formatage numérique, avec minimumFractionDigits et maximumFractionDigits d’Intl.NumberFormat du navigateur; priorité plus faible que significantDigits

Chiffres significatifs pour le formatage numérique, avec minimumSignificantDigits et maximumSignificantDigits d’Intl.NumberFormat du navigateur; priorité plus élevée que fractionDigits

Priorité d’arrondi pour le 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 d’Intl.NumberFormat

Mode d’arrondi pour le formatage numérique, avec Intl.NumberFormat du navigateur et les mêmes règles que roundingMode d’Intl.NumberFormat

Canal auquel la mesure est mappée

- yAxis : indicateur mappé sur l'axe Y

- detail: mesure mappée sur le canal de détail

- color : mesure mappée au canal de couleur

- label: mesure mappée au canal label

- tooltip: mesure mappée au canal tooltip

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

Configuration du lecteur, utilisée pour spécifier la dimension temporelle, configuration centrale du graphique à barres dynamique

Configuration du lecteur, utilisée pour spécifier le nom du champ à lire, qui doit être une dimension

Nombre maximal de lectures ; les données au-delà de ce nombre sont tronquées, false signifie aucune limite

Intervalle de lecture, unité ms

Indique s’il faut lire automatiquement

Indique s’il faut lire en boucle

Position du lecteur

Couleur de la piste de la barre de progression du lecteur

Police du texte du lecteur

Taille de police du texte du lecteur

Couleur de progression de la barre de progression du lecteur

Couleur du curseur de la barre de progression du lecteur

Couleur de bordure du curseur de la barre de progression du lecteur

Couleur du bouton de démarrage du lecteur

Couleur du bouton pause du lecteur

Couleur du bouton retour du lecteur

Couleur du bouton avance du lecteur

Configuration du tri de l’axe Y ; prend en charge le tri par dimensions ou mesures, ainsi que l’ordre de tri personnalisé

Configuration du tri de l’axe catégoriel ; prend en charge le tri par dimensions ou mesures, ainsi que l’ordre de tri personnalisé

Ordre de tri, valeurs possibles: 'asc' ou 'desc'

Mettre en surbrillance l’élément de données avec le taux de profit le plus élevé dans chaque région

Ordre personnalise applique directement a l’axe categoriel

Pagination

Configuration de pagination du graphique

Champ de pagination; définit le nom du champ utilisé pour la pagination et doit être une dimension

Valeur de pagination actuelle; définit la valeur utilisée pour déterminer la page actuelle

Couleur d’arrière-plan du graphique. Par défaut, l’arrière-plan est transparent. 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)').

Couleur

Configuration de couleur pour définir le schéma de couleurs du graphique, y compris les listes de couleurs, les mappings de couleur et les dégradés.

Schéma de couleurs discret pour définir les couleurs des différents éléments du graphique

Schéma de dégradé linéaire pour définir les couleurs des différents éléments du graphique

Mapping de couleur utilisé pour associer les valeurs de données à des couleurs spécifiques

Configuration de couleur positive/négative; définit la couleur des valeurs positives dans le graphique

Configuration de couleur positive/négative; définit la couleur des valeurs négatives dans le graphique

Configuration des libellés de données du graphique, y compris position, format et style.

Indique si la fonction de label est activée

Indique si les labels passent à la ligne suivante

Indique si les labels affichent les valeurs des mesures

Dans les scénarios multi-mesures, il n’y a pas de risque de conflit de valeurs, car toutes les mesures liées au tracé passent par le traitement foldMeasures et sont fusionnées en une mesure représentant un seul point de données

Remarque : le label de encoding a une priorite plus elevee ; cette configuration n affecte pas le label de encoding

Indique si les labels affichent le pourcentage des valeurs des mesures

Dans les scénarios multi-mesures, il n’y a pas de risque de conflit de valeurs, car toutes les mesures liées au tracé passent par le traitement foldMeasures et sont fusionnées en une mesure représentant un seul point de données

Remarque : le label de encoding a une priorite plus elevee ; cette configuration n affecte pas le label de encoding

Indique si les labels affichent les labels de dimension

Afficher toutes les etiquettes de dimension

Remarque : le label de encoding a une priorite plus elevee ; cette configuration n affecte pas le label de encoding

Indique si les valeurs des labels sont formatées automatiquement; lorsque autoFormat vaut true, la configuration numFormat est ignorée

Configuration du format des valeurs d’étiquette; fusionnée avec format dans measure, où le format de measure a une priorité plus élevée. numFormat a une priorité plus faible qu’autoFormat

Type de format numérique, prend en charge: number (décimal), percent (%), permille (‰), notation scientifique

Ratio du format numérique, ne peut pas être 0

Symbole du format numérique, par ex. %, ‰

Séparateur de milliers pour le formatage numérique

Suffixe du format numérique

Préfixe du format numérique

Décimales pour le formatage numérique, avec minimumFractionDigits et maximumFractionDigits d’Intl.NumberFormat du navigateur; priorité plus faible que significantDigits

Chiffres significatifs pour le formatage numérique, avec minimumSignificantDigits et maximumSignificantDigits d’Intl.NumberFormat du navigateur; priorité plus élevée que fractionDigits

Priorité d’arrondi pour le 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 d’Intl.NumberFormat

Mode d’arrondi pour le formatage numérique, avec Intl.NumberFormat du navigateur et les mêmes règles que roundingMode d’Intl.NumberFormat

Taille de police du label

Graisse de police du label

Couleur d’arrière-plan du label

Couleur du contour du label

Couleur de police du label

Indique si la couleur de police du label est inversée automatiquement selon la couleur de l’élément graphique

Position du label

Indique si l’évitement du chevauchement des labels est activé

Filtrage des labels; la relation par défaut entre les sélecteurs est OR

Champ de dimension, ID d'un élément de dimension

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

Sélectionne les éléments par valeur de champ de dimension; prend en charge les tableaux

Filtre dynamique (exécution de code généré par l’IA)

Implémente une logique complexe de filtrage des données via du code JavaScript généré par l’IA.

Capacités principales :

• Prend en charge des conditions de filtrage de données arbitrairement complexes

• Utilise les fonctions utilitaires intégrées pour les opérations de données

• S’exécute de manière sûre dans l’environnement du navigateur (sandbox Web Worker)

Exigences d’environnement : seuls les environnements de navigateur sont pris en charge ; les environnements Node.js utiliseront 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

Filtre les marques du graphique (aires, points, etc.) via du code JavaScript généré par l’IA

Description des besoins de filtrage de l’utilisateur (langage naturel).

Code de filtrage JavaScript généré par IA

- Seules les fonctions utilitaires intégrées sont autorisées (accessibles via _ ou R)

- Paramètre d’entrée : data (tableau), chaque item contient un 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 d’origine, field indique le champ à mettre en évidence

- Interdit : eval, Function, opérations asynchrones, DOM API, requêtes réseau

Solution de repli lorsque l'exécution du code échoue ou que l'environnement n'est pas pris en charge

Champ de dimension, ID d'un élément de dimension

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

Sélectionne les éléments par valeur de champ de dimension; prend en charge les tableaux

Résultat d'exécution du filtre animé (champ runtime)

Écrit pendant la phase prepare(), en lecture seule à l'exécution

Configuration de la legende, utilisee pour definir la legende du graphique, notamment sa position, son format et son style.

Indique si la fonction de légende est activée

Indique si la bordure de la legende est activee.

Couleur de police de la légende

Couleur de l’icône du pager

Couleur des icônes du pager désactivées

Taille de police de la légende

Couleur de police de la légende

Graisse de police de la légende

Forme de légende

Position de la légende

Nombre maximal de colonnes ou de lignes lorsque les éléments de légende sont nombreux

Indique si la sélection brush est activée

Indique si la fonction d'infobulle est activée

Configuration de sélection brush du graphique

Indique si la sélection brush est activée

Type de brush

Définit la forme et la direction de sélection du brush

- rect : sélection brush rectangulaire, possible simultanément dans les directions des axes X et Y

- polygon : sélection brush polygonale, trace un polygone libre en cliquant plusieurs points pour sélectionner

- x : sélection brush selon l’axe X uniquement, sans restriction selon l’axe Y

- y : sélection brush selon l’axe Y uniquement, sans restriction selon l’axe X

- multiple: mode multiple, où plusieurs sélections brush peuvent coexister simultanément

Définit le mode de sélection brush

- multiple: mode de sélection multiple; plusieurs zones brush peuvent exister en même temps

Indique si la zone brush est supprimée à la fin de la sélection

Opacité des points de données non sélectionnés, de 0 à 1

Définit le style des points de données sélectionnés par brush

Opacité

Opacité des points de données sélectionnés, plage 0-1

Couleur du trait

Largeur du contour

Axe X, axe de catégorie, configuration de l'axe X; définit l'axe X du graphique, y compris position, format, style, etc.

Définit le style des points de données hors de la sélection brush

Opacité

Opacité des points de données non sélectionnés, plage 0-1

Couleur du trait

Largeur du contour

Configuration de l'axe X de type catégorie, utilisée pour définir l'axe X du graphique, y compris position, format, style et paramètres associés.

Indique si l’axe est visible

Indique si l’axe est affiche en sens inverse; effectif uniquement pour les axes numeriques

Indique s’il faut forcer l’affichage de la valeur 0 sur l’axe. Si min et max sont configures, cette option est inactive. Effectif uniquement pour les axes numeriques.

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

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

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

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

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

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

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

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

Etiquettes de graduation de l’axe X

Indique si les etiquettes sont visibles

Couleur des etiquettes

Taille de police des etiquettes

Graisse de police des etiquettes

Angle de rotation des etiquettes

Ligne de l’axe X

Indique si la ligne d’axe est visible

Couleur de la ligne d’axe

Largeur de la ligne d’axe

Graduations de l’axe X

Indique si les graduations sont visibles

Indique si les graduations pointent vers l’interieur

Couleur des graduations

Taille des graduations

Titre de l’axe X

Indique si le titre est visible

Texte du titre; suit par defaut la configuration du champ

Couleur du titre

Taille de police du titre

Graisse de police du titre

Inclut les themes integres light et dark. Les themes personnalises peuvent etre ajoutes via registerTheme.

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

• not in : sélectionne les éléments de données dont la valeur du champ de dimension n’est pas dans le tableau value.

Prend en charge les styles globaux ou les configurations de style conditionnelles.

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

value: [100, 300]

}

Configuration de l'axe Y numérique, utilisée pour définir l'axe Y du graphique, y compris position, format, style et paramètres associés.

Indique si l’axe est visible

Axis line width

X-axis ticks

Indique si un axe logarithmique est utilisé; s’applique uniquement aux axes numériques

Base of the logarithmic axis; only applies to numeric axes

Indique si les intervalles de ticks de l’axe sont ajustés automatiquement pour rendre les labels de ticks plus lisibles. Cette option est désactivée lorsque min et max sont configurés, et ne s’applique qu’aux axes numériques.

Indique si l’axe est affiche en sens inverse; effectif uniquement pour les axes numeriques

Indique s’il faut forcer l’affichage de la valeur 0 sur l’axe. Si min et max sont configures, cette option est inactive. Effectif uniquement pour les axes numeriques.

Indique si les labels de ticks de l’axe numérique sont formatés automatiquement. Ne s’applique qu’aux axes numériques. Lorsque autoFormat vaut true, numFormat est ignoré.

Formatage numérique des axes numériques. S’applique uniquement aux axes numériques et a une priorité inférieure à autoFormat.

Type de format numérique, prend en charge: decimal, percent (%), permille (‰), notation scientifique

Ratio du format numérique, ne peut pas être 0

Symbole du format numérique, par ex. %, ‰

Ratio de format numérique, ne peut pas être 0

Suffixe du format numérique

Symbole de format numérique, par ex. %, ‰

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

Suffixe du format numérique

Nombre de décimales du format numérique, utilise minimumFractionDigits et maximumFractionDigits d'Intl.NumberFormat du navigateur; priorité inférieure à significantDigits

Chiffres significatifs du format numérique, utilise minimumSignificantDigits et maximumSignificantDigits d'Intl.NumberFormat du navigateur; priorité supérieure à fractionDigits

Etiquettes de graduation de l’axe X

Indique si les etiquettes sont visibles

Couleur des etiquettes

Taille de police du label

Graisse de police du label

Angle de rotation de l’étiquette

Ligne de l’axe X

- orderBy:'date'

}

- 100000 est converti en 10万, ratio:10000, symbol:"万"

order: 'asc',

Suffixe du format numérique

Indique si les graduations pointent vers l’interieur

Configuration du tri de la legende ; prend en charge le tri selon les dimensions ou les mesures, ainsi que les ordres personnalises ; le tableau sort suit l ordre de gauche a droite ou de haut en bas.

Taille des graduations

Titre de l’axe X

- 1234.5678 est converti en 1234.6, significantDigits:5 (roundingMode:halfCeil)

Texte du titre; suit par defaut la configuration du champ

- orderBy:'profit'

Ordre de tri personnalise ; cet ordre est applique directement a la legende. L ordre croissant suit gauche-droite ou haut-bas ; l ordre decroissant suit droite-gauche ou bas-haut.

])

Inclut les themes integres light et dark. Les themes personnalises peuvent etre ajoutes via registerTheme.

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

• not in : sélectionne les éléments de données dont la valeur du champ de dimension n’est pas dans le tableau value.

Prend en charge les styles globaux ou les configurations de style conditionnelles.

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

value: [100, 300]

}

selector = { profit: 100 }

selector = {

Operator

operator: 'between'

Operator

Indique si le label de zone rectangulaire du crosshair est affiche

- Supports arbitrarily complex data filtering conditions

Bar chart stacked corner radius

Implémente le filtrage des marques du graphique (barres, points, etc.) via du code JavaScript généré par AI.

Configuration du tri de la legende, prend en charge le tri par dimension ou mesure ainsi qu’un ordre personnalise

Configuration du tri de la legende; le tableau de tri suit l’ordre de gauche a droite ou de haut en bas

Ordre de tri, valeurs possibles: 'asc' ou 'desc'

Mettre en surbrillance l’élément de données avec le taux de profit le plus élevé dans chaque région

Ordre personnalise applique directement a la legende; ordre croissant de gauche a droite ou de haut en bas, ordre decroissant de droite a gauche ou de bas en haut

Theme du graphique. Le theme est une configuration fonctionnelle de priorite plus faible, comprenant les configurations communes a tous les types de graphiques et les configurations partagees dans une categorie de graphique. Les themes integres light et dark sont disponibles; les utilisateurs peuvent personnaliser les themes via Builder.

Theme

Les themes integres light et dark sont disponibles; un nouveau theme peut etre personnalise via registerTheme.

Style de marque rectangulaire. Configuration de style du graphique en barres, utilisee pour definir la couleur, la bordure, le rayon des angles et les reglages associes des barres.

Prend en charge les styles globaux ou les styles conditionnels.

Filtre de donnees

Si selector est configure, il fournit quatre modes de correspondance: selector numerique, selector de donnees locales, selector de dimension conditionnel et selector de mesure conditionnel.

Si selector n’est pas configure, le style s’applique globalement.

Sélecteur de données

Si selector est configuré, il fournit quatre modes de correspondance : selector numérique, selector de données partielles, selector de dimension conditionnelle et selector de mesure conditionnelle

Si selector n’est pas configuré, le style s’applique globalement.

Champ de dimension, id d’un element de dimensions

Operateur

• in: selectionne les elements dont la valeur du champ de dimension est dans value

• not in: selectionne les elements dont la valeur du champ de dimension n’est pas dans value :::

#op

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

:::note{title=Description} Operateur

• in: selectionne les elements dont la valeur du champ de dimension est dans value

• not in: selectionne les elements dont la valeur du champ de dimension n’est pas dans value

Identique a operator

Selectionne les valeurs du champ de dimension dans les elements de donnees; prend en charge les tableaux

Champ de dimension, ID d'un élément de dimension

Opérateur

- in: sélectionne les éléments dont la valeur du champ de dimension est dans value

- not in: sélectionne les éléments dont la valeur du champ de dimension n'est pas dans value

Opérateur

- in: sélectionne les éléments dont la valeur du champ de dimension est dans value

- not in: sélectionne les éléments dont la valeur du champ de dimension n'est pas dans value

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

Sélectionne les éléments par valeur de champ de dimension; prend en charge les tableaux

Filtre animé (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

Convient aux scénarios difficiles à exprimer avec des selectors statiques, comme le Top N, l’analyse statistique et les conditions complexes.

- Utilise les fonctions utilitaires intégrées pour les opérations de données

- S'exécute de façon sûre dans l'environnement navigateur (sandbox Web Worker)

Exigences d’environnement : seuls les environnements navigateur sont pris en charge ; les environnements Node.js utilisent le fallback.

Remarque: selector et dynamicFilter ne peuvent pas être utilisés simultanément; dynamicFilter a une priorité plus élevée

Configuration du filtre animé du graphique

Implémente le filtrage des marqueurs du graphique (barres, points, etc.) via du code JavaScript généré par IA

Code JavaScript de filtrage généré par IA

- Peut uniquement utiliser les fonctions utilitaires intégrées (accessibles via _ ou R)

- Paramètre d'entrée: data (tableau), chaque élément contient un champ __row_index représentant le numéro de ligne

- Doit retourner un tableau de combinaisons index de ligne et champ: Array<{ __row_index: number, field: string }>

- __row_index représente le numéro de ligne de l'élément d'origine, field représente le champ à mettre en évidence

- Interdit: eval, Function, opérations asynchrones, API DOM, requêtes réseau

Mettre en évidence le champ sales pour les éléments dont sales est supérieur à 1000

Mettre en évidence l'élément ayant la marge bénéficiaire la plus élevée dans chaque zone

Mettre en évidence les éléments avec un filtrage multi-conditions

Solution de repli lorsque l'exécution du code échoue ou que l'environnement n'est pas pris en charge

Résultat d’exécution du filtre dynamique (champ d’exécution)

Écrit pendant la phase prepare() ; en lecture seule à l’exécution

- in: sélectionne les éléments dont la valeur du champ de dimension est dans value

- not in: sélectionne les éléments dont la valeur du champ de dimension n'est pas dans value

Opacité de couleur de l’élément barre (élément rectangulaire)

Opérateur

- in: sélectionne les éléments dont la valeur du champ de dimension est dans value

- not in: sélectionne les éléments dont la valeur du champ de dimension n'est pas dans value

Rayon des coins de l’élément barre (élément rectangulaire)

Opacité du contour de l’élément barre (élément rectangulaire)

Configuration des points d’annotation. Définit les points d’annotation du graphique à partir des données sélectionnées, y compris la position, le format, le style et les paramètres associés.

Selecteur des points d’annotation, utilise pour selectionner les points de donnees.

Champ de dimension, ID d'un élément de dimension

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

Sélectionne les éléments par valeur de champ de dimension; prend en charge les tableaux

Spécifie l’id de mesure auquel appartient le point d’annotation. Dans les scénarios à plusieurs mesures, il peut être combiné avec selector pour localiser précisément le point d’annotation de la mesure cible.

Filtre dynamique (exécution de code généré par l’IA)

Implémente une logique complexe de filtrage des données via du code JavaScript généré par l’IA.

Convient aux scénarios Top N, analyses statistiques, conditions complexes et autres cas difficiles à exprimer avec un selector statique.

Capacités principales :

• Prend en charge des conditions de filtrage de données arbitrairement complexes

• Utilise les fonctions utilitaires intégrées pour les opérations de données

• S’exécute de manière sûre dans l’environnement du navigateur (sandbox Web Worker)

Exigences d’environnement : seuls les environnements de navigateur sont pris en charge ; les environnements Node.js utiliseront 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

Filtre les marques du graphique (aires, points, etc.) via du code JavaScript généré par l’IA

Description des besoins de filtrage de l’utilisateur (langage naturel).

Code de filtrage JavaScript généré par IA

- Seules les fonctions utilitaires intégrées sont autorisées (accessibles via _ ou R)

- Paramètre d’entrée : data (tableau), chaque item contient un 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 d’origine, field indique le champ à mettre en évidence

- Interdit : eval, Function, opérations asynchrones, DOM API, requêtes réseau

Solution de repli lorsque l'exécution du code échoue ou que l'environnement n'est pas pris en charge

Champ de dimension, ID d'un élément de dimension

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

Sélectionne les éléments par valeur de champ de dimension; prend en charge les tableaux

Résultat d'exécution du filtre animé (champ runtime)

Écrit pendant la phase prepare(), en lecture seule à l'exécution

'red'

4

[2, 2]

0

Alignement du texte. En général, définissez right pour afficher le texte à gauche du point d’annotation et le garder dans la zone visible du graphique

Il est recommandé d’utiliser 'right' afin que le texte soit à gauche du point d’annotation

right: le texte est à gauche du point d’annotation, son bord droit est aligné sur le point

left: le texte est à droite du point d’annotation, son bord gauche est aligné sur le point

center: le texte est centré sur le point d’annotation

Alignement vertical du texte. En général, définissez top pour afficher le texte sous le point d’annotation et le garder dans la zone visible du graphique

Il est recommandé d’utiliser 'top' afin que le texte reste entièrement visible

top: le texte est sous le point d’annotation, son bord supérieur est aligné sur le point

middle: le texte est centré sur le point d’annotation

bottom: le texte est au-dessus du point d’annotation, son bord inférieur est aligné sur le point

Arrière-plan visible

Couleur d’arrière-plan

Couleur du texte

Largeur de bordure de l’arrière-plan

Rayon des coins de la bordure d’arrière-plan

Marge intérieure de l’arrière-plan

Indique si l arriere-plan est visible.

Décalage en pixels de l’ensemble du point d’annotation dans la direction X. Lorsque le point est à gauche du graphique (début de l’axe catégoriel), une valeur positive est recommandée; lorsqu’il est à droite (fin de l’axe catégoriel), une valeur négative est recommandée.

Une valeur négative décale l’ensemble vers la gauche; par exemple -10 décale le point, le texte et l’arrière-plan de 10 pixels vers la gauche

Une valeur positive décale l’ensemble vers la droite; par exemple 10 décale le point, le texte et l’arrière-plan de 10 pixels vers la droite

'red'

);

Filtre dynamique (exécution de code généré par l’IA)

Calcule dynamiquement la valeur de la ligne d’annotation via du code JavaScript généré par l’IA.

Convient lorsque la position de la ligne d’annotation doit être déterminée dynamiquement à partir des données, comme moyenne, maximum, quantile ou ligne métier.

Prend uniquement en charge les environnements de navigateur (Web Worker requis).

Description des besoins de filtrage de l’utilisateur (langage naturel).

Code de filtrage JavaScript généré par IA

- Seules les fonctions utilitaires intégrées sont autorisées (accessibles via _ ou R)

- Paramètre d’entrée : data (tableau)

- Doit retourner une seule valeur numérique ou chaîne : number | string

- Cas d’usage : valeurs dynamiques nécessaires aux lignes d’annotation (horizontales ou verticales)

- Interdit : eval, Function, opérations asynchrones, DOM API, requêtes réseau

Solution de repli lorsque l'exécution du code échoue ou que l'environnement n'est pas pris en charge

Résultat d'exécution du filtre animé (champ runtime)

Écrit pendant la phase prepare(), en lecture seule à l'exécution

'red'

Valeurs du champ de dimension selectionnees ; prend en charge les tableaux.

4

[2, 2]

0

Alignement du texte. En général, aucun réglage n’est nécessaire

Il est recommandé d’utiliser 'right' afin que le texte soit à gauche de la ligne d’annotation

right: le texte est à gauche de la ligne de référence, son bord droit est aligné sur la ligne d’annotation verticale

left: le texte est à droite de la ligne de référence, son bord gauche est aligné sur la ligne d’annotation verticale

center: le texte est centré sur la ligne de référence

middle : le texte est centre verticalement dans la zone d annotation.

Opacité de la couleur de la zone d’annotation

Couleur de bordure de la zone d annotation.

Largeur de bordure de la zone d annotation.

Rayon des angles de bordure de la zone d annotation.

Arrière-plan visible

Couleur d’arrière-plan

Couleur du texte

Largeur de bordure de l’arrière-plan

Rayon des coins de la bordure d’arrière-plan

Marge intérieure de l’arrière-plan

Ligne d’annotation de valeur de dimension, affichée horizontalement. Elle permet de configurer la position, le style et les paramètres associés de la ligne d’annotation.

Valeur Y fixe utilisée pour annoter une ligne horizontale. Si l’axe catégoriel est dans la direction Y, vous pouvez saisir une valeur de dimension; si l’axe numérique est dans la direction Y, vous pouvez saisir une valeur numérique précise.

Filtre dynamique (exécution de code généré par l’IA)

Calcule dynamiquement la valeur de la ligne d’annotation via du code JavaScript généré par l’IA.

Convient lorsque la position de la ligne d’annotation doit être déterminée dynamiquement à partir des données, comme moyenne, maximum, quantile ou ligne métier.

Prend uniquement en charge les environnements de navigateur (Web Worker requis).

Description des besoins de filtrage de l’utilisateur (langage naturel).

Code de filtrage JavaScript généré par IA

- Seules les fonctions utilitaires intégrées sont autorisées (accessibles via _ ou R)

- Paramètre d’entrée : data (tableau)

- Doit retourner une seule valeur numérique ou chaîne : number | string

- Cas d’usage : valeurs dynamiques nécessaires aux lignes d’annotation (horizontales ou verticales)

- Interdit : eval, Function, opérations asynchrones, DOM API, requêtes réseau

Solution de repli lorsque l'exécution du code échoue ou que l'environnement n'est pas pris en charge

Résultat d'exécution du filtre animé (champ runtime)

Écrit pendant la phase prepare(), en lecture seule à l'exécution

'red'

2

4

[2, 2]

0

Alignement du texte. En général, aucun réglage n’est nécessaire

Il est recommandé d’utiliser 'right' afin que le texte soit à gauche de la ligne d’annotation

right: le texte est à gauche de la ligne de référence, son bord droit est aligné sur l’extrémité de la ligne d’annotation horizontale

left: le texte est à droite de la ligne de référence, son bord gauche est aligné sur l’extrémité de la ligne d’annotation horizontale

center: le texte est centré sur la ligne de référence

Alignement vertical du texte. En général, aucun réglage n’est nécessaire

Il est recommandé d’utiliser 'top' afin que le texte reste entièrement visible dans le graphique

top: le texte est sous la ligne de référence, son bord supérieur est aligné sur la ligne d’annotation horizontale

middle: le texte est centré sur la ligne de référence

bottom: le texte est au-dessus de la ligne de référence, son bord inférieur est aligné sur la ligne d’annotation horizontale

Arrière-plan visible

Couleur d’arrière-plan

Couleur du texte

Largeur de bordure de l’arrière-plan

Largeur de bordure de l’arrière-plan

Rayon des coins de la bordure d’arrière-plan

Marge intérieure de l’arrière-plan

Opacité de la couleur de la zone d’annotation

Opacité de la couleur de la zone d’annotation

Couleur de bordure de la zone d annotation.

Largeur de bordure de la zone d annotation.

Rayon des angles de bordure de la zone d annotation.

Style de tirets de la bordure de la zone d annotation.

Couleur principale de la partie supérieure à la valeur d’annotation

0

Configuration de la zone d’annotation. Selon les données sélectionnées, définit les zones d’annotation du graphique, y compris leur position, leur style, etc.

Indique si la fonction de liaison de dimension est activee lorsque la perspective est activee sur le graphique ou lorsque les mesures sont combinees.

Champ de dimension, ID d'un élément de dimension

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

- in: sélectionne les éléments de données dont la valeur du champ de dimension appartient à la valeur spécifiée

identique à operator

Sélectionne les éléments par valeur de champ de dimension; prend en charge les tableaux

'red'

2

4

[2, 2]

0

Configuration de la ligne de regression polynomiale, incluant l ordre du polynome, le style de la ligne de regression, etc.

Il est recommandé de définir la valeur sur 'center' afin que le texte soit au centre de la zone de repère

Ordre de la regression polynomiale

Arrière-plan visible

Couleur d’arrière-plan

Couleur du texte

Couleur du texte

Largeur de bordure de l’arrière-plan

Rayon des coins de la bordure d’arrière-plan

Rayon des coins de la bordure d’arrière-plan

Marge intérieure de l’arrière-plan

Couleur de la zone de repère

Opacité du remplissage de la zone d’annotation

Couleur de bordure de la zone d’annotation

Largeur de bordure de la zone d’annotation

Rayon de bordure de la zone d’annotation

Style de ligne de bordure de la zone d’annotation

Marge de la zone de repère

Indique s’il faut activer la liaison des dimensions lorsque le pivot ou le regroupement des mesures est activé sur le graphique

Au survol d’une valeur de dimension, met en évidence les données ayant la même valeur de dimension dans les autres graphiques

Configuration de la liaison des dimensions du graphique pivot

Indique s’il faut activer la liaison des dimensions du graphique pivot

Indique s’il faut afficher les informations Tooltip des sous-graphiques correspondant à toutes les dimensions

Indique s’il faut afficher l’étiquette correspondant au crosshair

Configuration de la langue du graphique. Prend en charge 'zh-CN' et 'en-US'. Il est aussi possible d’appeler intl.setLocale('zh-CN') pour définir la langue