#Scatter

Nuage de points, adapté à l’affichage de la distribution des données; la position des points représente les valeurs

Cas d'utilisation :

• Analyser les caractéristiques de distribution, comme la tendance centrale, l’étendue et les valeurs aberrantes

Nuage de points

Nuage de points, adapté à l’affichage de la distribution des données; la position des points représente les valeurs

Jeu 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 données saisies par l’utilisateur ne nécessitent aucun traitement manuel; VSeed les restructure automatiquement. Les données du nuage de points sont finalement converties en 2 dimensions et 1 mesure.

Dimensions

La première dimension du nuage de points est mappée sur l’axe X ; les autres dimensions sont fusionnées avec les noms de mesure lorsqu’il existe plusieurs mesures, puis affichées comme éléments de légende.

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

- 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

Mesures du nuage de points

ID de champ correspondant à la dimension

Alias de dimension

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

- xAxis: mesure mappée sur l’axe X

- yAxis : mesure mappée sur l’axe y

- size: taille mappée depuis la mesure

- 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

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

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

Taille de la mesure du nuage de points, utilisée pour définir la taille ou la plage de tailles des points

- Si la plage de tailles est un nombre comme 10, la taille du point est fixée à 10

- Si la plage de tailles est un tableau à deux éléments comme [10, 40], la taille du point varie de 10 à 40

- Mutuellement exclusif avec sizeRange; priorité inférieure à size

Plage de tailles de la mesure du nuage de points, utilisée pour définir la plage de tailles des points,

- Si la plage de tailles est un tableau à deux éléments comme [10, 40], la taille du point varie de 10 à 40

- Si la plage de tailles est un nombre comme 10, la taille du point est fixée à 10

- Mutuellement exclusif avec sizeRange; priorité supérieure à size

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

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

Étiquette

Configuration des étiquettes pour définir les étiquettes de données du graphique, y compris leur position, leur format et leur 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

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

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

Légende

Configuration de la légende du graphique, incluant 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 du label

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

Infobulles

Configuration des infobulles du graphique, y compris position, format, style, etc.

Indique si la fonction de label 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 sélectionnés, plage 0-1

Couleur du trait

Largeur du contour

Configuration de l animation

Configuration d’animation du graphique; les effets disponibles dépendent du type de graphique

Indique si l’animation du graphique en lignes/aires est activée

Paramètres d’animation du nuage de points

Configuration de l’animation d’apparition du nuage de points

Effets d’apparition du nuage de points, prenant en charge les animations de croissance et d’échelle

Indique si la phase d’animation actuelle est activée

Fonction d’easing de l’animation

Durée de l’animation en millisecondes

Couleur de surbrillance ou d’atmosphère de l’animation

Configuration de l’animation de mise à jour du nuage de points

Effets de mise à jour pour les graphiques en lignes/aires; prend en charge l’animation de croissance

Indique si la phase d’animation actuelle est activée

Fonction d’easing de l’animation

Durée de l’animation en millisecondes

Couleur de surbrillance ou d’atmosphère de l’animation

Configuration de l’animation en boucle du nuage de points

Indique si l’animation en boucle est activée

Intervalle de l’animation en boucle en millisecondes

Configuration de l’animation en boucle du nuage de points

Effet de boucle du nuage de points

Indique si la phase d’animation actuelle est activée

Fonction d’easing de l’animation

Durée de l’animation en millisecondes

Couleur de surbrillance ou d’atmosphère de l’animation

Animation d’atmosphère pour les graphiques en lignes/aires

Fonction d’easing de l’animation d’atmosphère

Couleur de l’animation d’atmosphère

Effet d’animation d’atmosphère; prend en charge les effets d’ondulation, de visibilité et de respiration

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

Indique si l’axe est visible

Ligne d’axe width

Graduations de l axe X

Indique s’il faut utiliser un axe logarithmique, uniquement valable pour les axes numériques

Fonction d’assouplissement de l’animation.

Configuration de l’axe Y (axe catégoriel) utilisée pour définir l’axe Y, notamment la position, le format, le style, etc.

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.

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

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 les etiquettes sont visibles

Couleur de la ligne d’axe

Largeur du contour

Graduations de l’axe X

Indique si les etiquettes sont visibles

Indique si les graduations pointent vers l’interieur

Couleur des graduations

Taille des graduations

Titre de l’axe X

Indique si les etiquettes sont visibles

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.

Configuration d’animation de l’axe X

value: [100, 300]

}

Axe Y

Axe numérique. Configuration de l’axe Y pour définir la position, le format, le style et les paramètres associés.

Indique si l’axe est visible

Ligne d’axe width

Graduations de l axe X

Indique s’il faut utiliser un axe logarithmique, uniquement valable pour les axes numériques

Fonction d’assouplissement de l’animation.

Configuration de l’axe Y (axe catégoriel) utilisée pour définir l’axe Y, notamment la position, le format, le style, etc.

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.

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

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 les etiquettes sont visibles

Couleur de la ligne d’axe

Largeur du contour

Graduations de l’axe X

Indique si les etiquettes sont visibles

Indique si les graduations pointent vers l’interieur

Couleur des graduations

Taille des graduations

Titre de l’axe X

Indique si les etiquettes sont visibles

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.

Configuration d’animation de l’axe X

value: [100, 300]

}

Ligne guide verticale

Ligne guide verticale affichee lorsque la souris se deplace sur le graphique.

Configuration de crosshair, utilisee pour afficher des lignes de visee (lignes guide) dans le graphique.

Indique si l’axe est visible

Couleur de la ligne de visee

Couleur de police du label

Indique si le libellé de la ligne de visée est affiché

Couleur d’arrière-plan du label

Thème du graphique. Les thèmes sont des configurations de moindre priorité comprenant les réglages communs à tous les types de graphiques et les réglages partagés par une même classe de graphiques.

Les thèmes intégrés light et dark sont disponibles; les utilisateurs peuvent définir des thèmes personnalisés via Builder.

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.

Configuration du style du marqueur de point, utilisée pour définir la couleur, la bordure et les paramètres associés du marqueur de point.

Prend en charge la configuration d’un style global ou d’un style conditionnel

Filtre de données

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

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

Indique si les points sont visibles

Taille du point

Taille du point

Couleur du marqueur de point

Couleur du marqueur de point

Opacite de la couleur du marqueur de point

Opacite de la couleur du marqueur de point

Couleur de bordure du marqueur de point

Couleur de bordure du marqueur de point

Largeur de bordure du marqueur de point

Largeur de bordure du marqueur de point

Style de bordure du marqueur de point

Style de bordure du marqueur de point

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.

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

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.

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

Ligne d’annotation de valeur de dimension, affichée verticalement, avec position et style configurables

);

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

- Paramètres d’entrée: data (tableau), où chaque élément inclut un champ __row_index représentant le numéro de ligne

- __row_index représente le numéro de ligne de l’élément de données d’origine; field représente le champ à mettre en surbrillance

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

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.

Style du segment de ligne

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 numérique, comprenant les lignes de moyenne, de maximum et de minimum. Elle est affichée horizontalement et peut être configurée par position et par style. Utilisez cette configuration pour tracer des lignes d’annotation de valeurs numériques, comme des lignes de moyenne.

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

- Paramètres d’entrée: data (tableau), où chaque élément inclut un champ __row_index représentant le numéro de ligne

- __row_index représente le numéro de ligne de l’élément de données d’origine; field représente le champ à mettre en surbrillance

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

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.

Style du segment de ligne

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

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

0

Zone d’annotation

Configuration de zone d’annotation; definit, a partir des donnees selectionnees, la position et le style de la zone d’annotation.

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

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

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

Ligne de régression linéaire

Configuration de la ligne de régression linéaire, incluant le style de ligne et les paramètres associés.

Indique si active

Couleur de la ligne de régression

Définit la couleur de la ligne de régression. Si elle n’est pas définie, la couleur principale du graphique est utilisée par défaut.

Largeur de la ligne de régression

Définit la largeur de la ligne de régression en pixels. La valeur par défaut est 1.

Style de la ligne de régression

Définit le style de la ligne de régression, par exemple plein ou pointillé. La valeur par défaut est plein.

Texte d’étiquette de la ligne de régression

Définit le texte de l’étiquette de la ligne de régression. Une chaîne vide signifie qu’aucune étiquette n’est affichée.

4

[2, 2]

0

Indique si l intervalle de confiance est affiche

Paramètre de valeur de l’intervalle de confiance. Le niveau de confiance par défaut est 95 %.

Couleur de l intervalle de confiance

Opacite de l intervalle de confiance

Graphic blur effect strength

Couleur de l’ombre graphique

Horizontal shadow offset distance

Vertical shadow offset distance

Élément de configuration de la ligne de régression pondérée localement

Configuration de la ligne de régression pondérée localement, incluant le style de ligne et les paramètres associés.

Indique si active

Couleur de la ligne de régression

Définit la couleur de la ligne de régression. Si elle n’est pas définie, la couleur principale du graphique est utilisée par défaut.

Largeur de la ligne de régression

Définit la largeur de la ligne de régression en pixels. La valeur par défaut est 1.

Style de la ligne de régression

Définit le style de la ligne de régression, par exemple plein ou pointillé. La valeur par défaut est plein.

Texte d’étiquette de la ligne de régression

Définit le texte de l’étiquette de la ligne de régression. Une chaîne vide signifie qu’aucune étiquette n’est affichée.

4

[2, 2]

0

Indique si l intervalle de confiance est affiche

Paramètre de valeur de l’intervalle de confiance. Le niveau de confiance par défaut est 95 %.

Couleur de l intervalle de confiance

Opacite de l intervalle de confiance

Ligne de régression polynomiale

Configuration de la ligne de régression polynomiale, incluant l’ordre du polynôme, le style de ligne et les paramètres associés.

Indique si active

Couleur de la ligne de régression

Définit la couleur de la ligne de régression. Si elle n’est pas définie, la couleur principale du graphique est utilisée par défaut.

Ordre de la régression polynomiale

Largeur de la ligne de régression

Définit la largeur de la ligne de régression en pixels. La valeur par défaut est 1.

Style de la ligne de régression

Définit le style de la ligne de régression, par exemple plein ou pointillé. La valeur par défaut est plein.

Texte d’étiquette de la ligne de régression

Définit le texte de l’étiquette de la ligne de régression. Une chaîne vide signifie qu’aucune étiquette n’est affichée.

4

[2, 2]

0

Indique si l intervalle de confiance est affiche

Paramètre de valeur de l’intervalle de confiance. Le niveau de confiance par défaut est 95 %.

Couleur de l intervalle de confiance

Opacite de l intervalle de confiance

Ligne de régression logistique

Configuration de la ligne de régression logistique, incluant le style de ligne et les paramètres associés.

Indique si active

Couleur de la ligne de régression

Définit la couleur de la ligne de régression. Si elle n’est pas définie, la couleur principale du graphique est utilisée par défaut.

Largeur de la ligne de régression

Définit la largeur de la ligne de régression en pixels. La valeur par défaut est 1.

Style de la ligne de régression

Définit le style de la ligne de régression, par exemple plein ou pointillé. La valeur par défaut est plein.

Texte d’étiquette de la ligne de régression

Définit le texte de l’étiquette de la ligne de régression. Une chaîne vide signifie qu’aucune étiquette n’est affichée.

4

[2, 2]

0

Indique si l intervalle de confiance est affiche

Paramètre de valeur de l’intervalle de confiance. Le niveau de confiance par défaut est 95 %.

Couleur de l intervalle de confiance

Opacite de l intervalle de confiance

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

Language

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