#Histogram

Histogramme, adapté à l’affichage de distributions de données. L’axe x est un axe numérique (données continues), l’axe y est également un axe numérique (données continues), et les barres sont disposées verticalement.

Scénarios d’utilisation :

- Afficher la distribution des données, par exemple les distributions de fréquence ou de probabilité

- Analyser la tendance centrale et le degré de dispersion des données

- Identifier les valeurs aberrantes et les motifs dans les données

Histogramme, adapté à l’affichage de la distribution des données

Jeu de données agrégé conforme à la spécification TidyData, utilisé pour définir la source et la structure des données du graphique. Le jeu de données fourni par l'utilisateur n'a pas besoin de prétraitement. VSeed dispose de puissantes capacités de restructuration des données et effectue lui-même cette transformation; les données du graphique en colonnes sont finalement converties en 2 dimensions et 1 mesure.

L’histogramme ne nécessite généralement pas de dimension

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

L’histogramme ne prend en charge qu’une seule dimension, et les données sont discrètes

ID de mesure, doit être unique

Alias de mesure, les doublons sont autorisés; si non défini, alias vaut id

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

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

Une fois activé, les libellés 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, 0 décimale minimum, 2 décimales maximum, arrondi automatique, via l'implémentation Intl.NumberFormat du navigateur

Exemple:

- locale=zh-CN: 749740.264 → 74.45万

- locale=en-US: 749740.264 → 744.5K

Formatage numérique personnalisé des mesures; appliqué automatiquement aux labels et tooltips

Remarque: pour utiliser un formatage 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 de format numérique, ne peut pas être 0

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

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

Priorité d'arrondi du format 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

Mode d'arrondi du format numérique, utilise Intl.NumberFormat du navigateur et suit les mêmes règles que roundingMode

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

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

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

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

Priorité d'arrondi du format 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

Mode d'arrondi du format numérique, utilise Intl.NumberFormat du navigateur et suit les mêmes règles que roundingMode

Canal auquel la mesure est mappée

- value : canal de valeur de l’histogramme

- x0 : canal x0 de l’histogramme

- x1 : canal x1 de l’histogramme

- 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 la forme de configuration plate des mesures, construit un groupe de mesures en arbre. parentId pointe vers l'id du groupe parent, utilisé pour construire l'arbre de mesures

Configuration de pagination, utilisée pour indiquer le nom du champ de pagination, qui doit être une dimension.

Champ de pagination; spécifie le nom du champ de pagination, qui doit être une dimension

Valeur de pagination actuelle; spécifie la valeur utilisée pour déterminer la page courante

Couleur d'arrière-plan du graphique. La couleur d'arrière-plan peut être une chaîne de couleur et vaut par défaut un fond transparent, par exemple 'red' ou 'blue'. Les formats hex, rgb ou rgba comme '#ff0000' et 'rgba(255,0,0,0.5)' sont également pris en charge.

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

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

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

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

Configuration des couleurs positives/négatives; définit la couleur des valeurs positives dans le graphique

Configuration des couleurs positives/négatives; 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 libellé est activée

Indique si les libellés passent à la ligne

Indique si les libellés affichent les valeurs de mesure

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

Remarque: le label dans encoding a une priorité plus élevée; cette configuration n'affecte pas le label dans encoding

Indique si les libellés affichent le pourcentage des valeurs de mesure

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

Remarque: le label dans encoding a une priorité plus élevée; cette configuration n'affecte pas le label dans encoding

Indique si les libellés affichent les libellés de dimension

Afficher tous les libellés de dimension

Remarque: le label dans encoding a une priorité plus élevée; cette configuration n'affecte pas le label dans encoding

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

Configuration du format des valeurs de libellé; fusionnée avec format dans measure, où format de measure a une priorité plus élevée. numFormat a une priorité inférieure à autoFormat

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

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

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

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

Priorité d'arrondi du format 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

Mode d'arrondi du format numérique, utilise Intl.NumberFormat du navigateur et suit les mêmes règles que roundingMode

Taille de police du libellé

Graisse de police du libellé

Couleur d'arrière-plan du libellé

Couleur du contour du libellé

Couleur de police du libellé

Indique si la couleur de police est inversée automatiquement selon la couleur de l'élément

Position du libellé

Indique si l'anti-chevauchement des libellés est activé

Filtrage des libellés, la relation par défaut entre les sélecteurs est Or

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

identique à operator

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

Capacités principales:

- Prend en charge toute condition complexe de filtrage des données

- 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

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

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

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

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

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 dynamique (champ d’exécution)

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

Configuration de la légende pour définir la légende 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 légende est activée..

legend font color

Pagination icon color.

Pagination icon disabled/grayed-out color.

Taille de police de la légende

legend font color

Graisse de police de la légende

Forme de la légende

Position de la légende

Maximum number of columns or rows when there are many legend items.

If position is horizontal (bottom, bottomLeft, bottomRight, bl, br, top, topLeft, topRight, tl, tr), maxSize controls the number of columns shown.

If position is vertical (left, leftTop, leftBottom, lt, lb, right, rightTop, rightBottom, rt, rb), maxSize controls the number of rows shown.

Indique si la sélection brush est activée

Indique si la fonction d'infobulle est activée

Définit la forme et l’orientation de la zone de sélection brush

- polygon : sélection polygonale, permettant de tracer un polygone libre en cliquant sur plusieurs points

Mode de sélection brush: unique ou multiple

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

brushtype

Opacité

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

- polygon : sélection brush polygonale ; cliquez sur plusieurs points pour tracer un polygone de sélection

- x: sélection brush uniquement dans la direction de l'axe X; la direction de l'axe Y n'est pas limitée

- y : sélection brush dans la direction de l’axe Y uniquement ; la direction de l’axe X n’est pas limitée

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

Style des éléments de données non sélectionnés

Définit le style des points de données en dehors de la zone brush sélectionnée

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

Indique si la zone brush est effacé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

Style des éléments de données non sélectionnés

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

Configuration de l'axe de catégorie (axe X), utilisée pour définir l'axe X du graphique, y compris position, format, style, etc.

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

Style des éléments de données non sélectionnés

Opacité des points de données hors sélection brush, plage 0-1

Configuration de l'axe de catégorie (axe X), utilisée pour définir l'axe X du graphique, y compris position, format, style, etc.

Largeur du contour

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

Couleur de la ligne d'axe

Axis line width

X-axis ticks

Indique si un axe logarithmique est utilise ; s applique uniquement aux axes numeriques

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.

Configuration de l'animation de l'axe X

Configuration de l'axe numérique (axe Y), utilisée pour définir l'axe Y du graphique, notamment la position, le format, le style, etc.

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 numerique des axes numeriques. S applique uniquement aux axes numeriques et a une priorite inferieure a autoFormat.

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

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

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

Thousands separator for numeric formatting

Séparateur de milliers pour le formatage numérique

Suffixe du format numérique

Préfixe du format numérique

Significant digits for numeric formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits.

Rounding priority when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority.

Rounding mode for numeric formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode.

- orderBy:'date'

Ordre de tri personnalisé, appliqué directement à l'axe des catégories

Formatage numérique des axes numériques. Valable uniquement pour les axes numériques. Priorité inférieure à autoFormat.

Taille de police du label

Taille de police du libellé

Angle de rotation des libellés

Ligne de l’axe X

Graisse de police du libellé

}

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

Graduations de l’axe X

Suffixe du format numérique

Ordre de tri; peut être 'asc' ou 'desc'

Legend sorting configuration; supports sorting based on dimensions or measures, as well as custom sorting orders; the sort array follows the order from left to right or top to bottom.

sortLegend: {

Titre de l’axe X

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

Texte du titre. Par défaut, il suit la configuration du champ.

- orderBy:'profit'

Custom sorting order; this order will be directly applied to the legend. Ascending follows left-to-right or top-to-bottom; descending follows right-to-left or bottom-to-top.

Rectangle graphic element style

Includes built-in light and dark themes. Custom themes can be added via registerTheme.

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

selector = 100

Type de ligne de grille

Configuration d'animation de l'axe X

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.

Couleur de la ligne d'axe

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.

Configuration de l'animation de l'axe X

Configuration de l'axe numérique (axe Y), utilisée pour définir l'axe Y du graphique, notamment la position, le format, le style, etc.

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

- orderBy:'date'

Priorité d'arrondi du format 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

Formatage numérique des axes numériques. Valable uniquement pour les axes numériques. Priorité inférieure à autoFormat.

Mode d'arrondi du format numérique, utilise Intl.NumberFormat du navigateur et suit les mêmes règles que roundingMode

Graisse de police du label

Angle de rotation des libellés

Ligne de l’axe X

- orderBy:'date'

}

Taille de police du libellé

Graduations de l’axe X

Suffixe du format numérique

Ordre de tri; peut être 'asc' ou 'desc'

Legend sorting configuration; supports sorting based on dimensions or measures, as well as custom sorting orders; the sort array follows the order from left to right or top to bottom.

sortLegend: {

Titre de l’axe X

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

Texte du titre. Par défaut, il suit la configuration du champ.

- orderBy:'profit'

Custom sorting order; this order will be directly applied to the legend. Ascending follows left-to-right or top-to-bottom; descending follows right-to-left or bottom-to-top.

Rectangle graphic element style

Includes built-in light and dark themes. Custom themes can be added via registerTheme.

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

selector = 100

Type de ligne de grille

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

value: [100, 300]

}

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

Thème du graphique. Le thème est une configuration de priorité inférieure qui contient les paramètres communs à tous les types de graphiques et les paramètres propres à chaque type. Les thèmes intégrés incluent 'light' et 'dark'; les utilisateurs peuvent personnaliser les thèmes via le Builder.

Thème

Thèmes clair et sombre intégrés; de nouveaux thèmes peuvent être personnalisés via registerTheme.

Operator

Indique si le label de la zone rectangulaire du crosshair est affiché

- Supports arbitrarily complex data filtering conditions

Rayon d'angle empilé de l'histogramme vertical

Nombre d’intervalles de l’histogramme, utilisé pour définir le nombre de rectangles (barres) de l’histogramme

Pas d’intervalle, utilisé pour calculer la largeur des intervalles et qui influence aussi la largeur des rectangles (barres) de l’histogramme final. Si binCount et binStep sont tous deux définis, binStep est prioritaire

Type de valeur des intervalles de l’histogramme, utilisé pour définir le type de valeur des rectangles (barres), par défaut 'count'

Thème du graphique. Le thème est une configuration fonctionnelle de priorité inférieure qui contient les paramètres communs à tous les types de graphiques ainsi que ceux partagés au sein d'une catégorie de graphique. Les thèmes intégrés incluent light et dark, et les utilisateurs peuvent les personnaliser via Builder.

Operator

- not in: sélectionne les éléments de données dont la valeur du champ de dimension ne se trouve PAS dans la liste de valeurs.

Style des marques rectangulaires du graphique en colonnes, incluant couleur, bordure et arrondis.

Prend en charge les styles globaux ou conditionnels

Filtre de données

Si selector est configuré, quatre modes de correspondance sont disponibles: numérique, données locales, dimension conditionnelle et mesure conditionnelle

Sans selector, le style s’applique globalement.

Sélecteur de données

Si selector est configuré, quatre modes de correspondance sont disponibles: numérique, données locales, dimension conditionnelle et mesure conditionnelle

Sans selector, le style s’applique globalement.

Champ de dimension; ID d’un élément dans dimensions

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

Identique à operator

Sélectionne la valeur du champ de dimension dans l’élément de données; les tableaux sont pris en charge

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

Implémente une logique de filtrage complexe avec du code JavaScript généré par l’IA.

Adapté aux Top N, analyses statistiques, conditions complexes et autres cas difficiles à exprimer avec des sélecteurs statiques.

Fonctionnalités clés:

• Prend en charge des conditions de filtrage arbitrairement complexes

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

• Exécution sécurisée dans le navigateur (sandbox Web Worker)

Environnement: seuls les navigateurs sont pris en charge; Node.js utilise fallback.

Remarque: selector et dynamicFilter ne peuvent pas être utilisés en même temps; dynamicFilter est prioritaire.

Configuration du filtre dynamique du graphique

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

Description du besoin de filtrage utilisateur (langage naturel)

Code de filtrage JavaScript généré par l’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 comme numéro de ligne

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

• __row_index est le numéro de ligne de l’élément d’origine, field est le champ à mettre en évidence

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

Solution fallback si l’exécution du code échoue ou si l’environnement n’est pas pris en charge

Champ de dimension; ID d’un élément dans dimensions

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

Identique à operator

Sélectionne la valeur du champ de dimension dans l’élément de données; les tableaux sont pris en charge

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

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

Indique si l’élément barre (rectangle) est visible

Couleur de l’élément barre (rectangle)

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

Couleur de bordure de l’élément barre (rectangle)

Largeur de bordure de l’élément barre (rectangle)

Style de bordure de l’élément barre (rectangle)

Rayon d’angle de l’élément barre (rectangle)

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

Configuration des points d’annotation; définit position, format et style selon les données sélectionnées.

Sélecteur du point d’annotation, utilisé pour choisir des points de données.

Champ de dimension; ID d’un élément dans dimensions

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

Identique à operator

Sélectionne la valeur du champ de dimension dans l’élément de données; les tableaux sont pris en charge

Spécifie l’id de mesure auquel appartient le point d’annotation. En contexte multi-measure, il peut être combiné à selector pour localiser précisément le point cible.

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

Implémente une logique de filtrage complexe avec du code JavaScript généré par l’IA.

Adapté aux Top N, analyses statistiques, conditions complexes et autres cas difficiles à exprimer avec des sélecteurs statiques.

Fonctionnalités clés:

• Prend en charge des conditions de filtrage arbitrairement complexes

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

• Exécution sécurisée dans le navigateur (sandbox Web Worker)

Environnement: seuls les navigateurs sont pris en charge; Node.js utilise fallback.

Remarque: selector et dynamicFilter ne peuvent pas être utilisés en même temps; dynamicFilter est prioritaire.

Configuration du filtre dynamique du graphique

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

Description du besoin de filtrage utilisateur (langage naturel)

Code de filtrage JavaScript généré par l’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 comme numéro de ligne

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

• __row_index est le numéro de ligne de l’élément d’origine, field est le champ à mettre en évidence

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

Solution fallback si l’exécution du code échoue ou si l’environnement n’est pas pris en charge

Champ de dimension; ID d’un élément dans dimensions

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

Identique à operator

Sélectionne la valeur du champ de dimension dans l’élément de données; les tableaux sont pris en charge

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

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

Contenu du texte

Couleur du texte

Taille de police du texte

Graisse de police du texte

Alignement du texte, généralement inutile

Il est recommandé d’utiliser right pour placer le texte à gauche de la ligne d’annotation

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

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

center: le texte est au centre de la ligne de référence

Alignement vertical du texte. Utilisez généralement top pour afficher le texte sous le point d’annotation dans la zone visible

top est recommandé pour afficher le texte complet

top: le texte est sous le point d’annotation

middle: le texte est aligné sur le centre du point d’annotation

bottom: le texte est au-dessus du point d’annotation

Visibilité de l’arrière-plan

Couleur d’arrière-plan

Couleur de bordure de l’arrière-plan

Largeur de bordure de l’arrière-plan

Rayon de bordure de l’arrière-plan

Marge interne de l’arrière-plan

Décalage Y en pixels de tout le point d’annotation. Valeur positive recommandée au-dessus du graphique, négative en dessous.

Une valeur négative déplace tout le composant vers le haut, par exemple -10 de 10 px

Une valeur positive le déplace vers le bas, par exemple 10 de 10 px

Décalage X en pixels de tout le point d’annotation. Valeur positive à gauche du graphique, négative à droite.

Une valeur négative déplace tout le composant vers la gauche, par exemple -10 de 10 px

Une valeur positive le déplace vers la droite, par exemple 10 de 10 px

Configuration des lignes d’annotation verticales.

Valeur X fixe pour la ligne verticale; utilisez une valeur de dimension pour un axe catégoriel, une valeur numérique concrète pour un axe numérique

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

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

• Seules les fonctions utilitaires intégrées peuvent être utilisées (via _ ou R)

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

• Doit retourner une seule valeur number ou string: number | string

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

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

Description du besoin de valeur dynamique (langage naturel)

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

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

• Seules les fonctions utilitaires intégrées peuvent être utilisées (via _ ou R)

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

• Doit retourner une seule valeur number ou string: number | string

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

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

Valeur fallback si l’exécution du code échoue ou si l’environnement n’est pas pris en charge

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

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

Contenu du texte

Position du texte

Position du libellé de la ligne d’annotation par rapport à la ligne.

Couleur du texte

Taille de police du texte

Graisse de police du texte

Alignement du texte, généralement inutile

Il est recommandé d’utiliser right pour placer le texte à gauche de la ligne d’annotation

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

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

center: le texte est au centre de la ligne de référence

Alignement vertical du texte, généralement inutile

top est recommandé pour garder le texte complet dans la zone visible du graphique

top: le texte est sous la ligne de référence et aligné sur l’extrémité de la ligne d’annotation verticale

middle: le texte est au centre de la ligne de référence

bottom: le texte est au-dessus de la ligne de référence

Visibilité de la ligne

Couleur de ligne

Largeur de ligne

Style de ligne

Visibilité de l’arrière-plan

Couleur d’arrière-plan

Couleur de bordure de l’arrière-plan

Largeur de bordure de l’arrière-plan

Rayon de bordure de l’arrière-plan

Marge interne de l’arrière-plan

Configuration des lignes d’annotation horizontales.

Valeur Y fixe pour la ligne horizontale; utilisez une valeur de dimension pour un axe catégoriel, une valeur numérique concrète pour un axe numérique

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

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

• Seules les fonctions utilitaires intégrées peuvent être utilisées (via _ ou R)

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

• Doit retourner une seule valeur number ou string: number | string

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

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

Description de la demande de filtrage de l’utilisateur (langage naturel).

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

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

• Seules les fonctions utilitaires intégrées peuvent être utilisées (via _ ou R)

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

• Doit retourner une seule valeur number ou string: number | string

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

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

Valeur fallback si l’exécution du code échoue ou si l’environnement n’est pas pris en charge

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

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

Contenu du texte

Position du texte

Position du libellé de la ligne d’annotation par rapport à la ligne.

Couleur du texte

Taille de police du texte

Graisse de police du texte

Alignement du texte, généralement inutile

Il est recommandé d’utiliser right pour placer le texte à gauche de la ligne d’annotation

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

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

center: le texte est au centre de la ligne de référence

Alignement vertical du texte, généralement inutile

top est recommandé pour garder le texte complet dans la zone visible du graphique

top: le texte est sous la ligne de référence et aligné sur la ligne d’annotation horizontale

middle: le texte est au centre de la ligne de référence

bottom: le texte est au-dessus de la ligne de référence

Visibilité de l’arrière-plan

Couleur d’arrière-plan

Couleur de bordure de l’arrière-plan

Largeur de bordure de l’arrière-plan

Rayon de bordure de l’arrière-plan

Marge interne de l’arrière-plan

Visibilité de la ligne

Couleur de ligne

Largeur de ligne

Style de ligne

Configuration de ligne de séparation; les parties au-dessus et au-dessous de la valeur d’annotation peuvent utiliser des couleurs différentes.

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

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

Configuration des zones d’annotation; définit position et style selon les données sélectionnées.

Sélecteur de la zone d’annotation.

Champ de dimension; ID d’un élément dans dimensions

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

Identique à operator

Sélectionne la valeur du champ de dimension dans l’élément de données; les tableaux sont pris en charge

Contenu du texte

Position du texte

Couleur du texte

Taille de police du texte

Graisse de police du texte

Alignement du texte, généralement inutile

center: le texte est centré dans la zone d’annotation

left: le texte est à gauche dans la zone d’annotation

right: le texte est à droite dans la zone d’annotation

Alignement vertical du texte, généralement inutile

top: le texte est en haut de la zone d’annotation

middle: le texte est au centre de la zone d’annotation

bottom: le texte est en bas de la zone d’annotation

Visibilité de l’arrière-plan

Couleur d’arrière-plan

Couleur de bordure de l’arrière-plan

Largeur de bordure de l’arrière-plan

Rayon de bordure de l’arrière-plan

Marge interne de l’arrière-plan

Couleur de la zone d’annotation

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

Pointillés de la bordure de zone

Marge externe

Configuration de la ligne de régression par densité de noyau, utilisée pour afficher la tendance et la distribution des données

Indique s’il faut activer la fonction de ligne de régression

Couleur de la ligne de régression

Permet de définir 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

Permet de définir la largeur de la ligne de régression en pixels, valeur par défaut 1

Style de la ligne de régression

Permet de définir le style de la ligne de régression, par exemple ligne pleine ou pointillée ; la valeur par défaut est une ligne pleine

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

Permet de définir le texte de l’étiquette de la ligne de régression ; une chaîne vide signifie qu’aucune étiquette n’est affichée

Couleur du texte

[2, 2]

0

Configuration de la ligne de régression de la fonction de distribution cumulative empirique, utilisée pour afficher la distribution cumulative des données

Indique s’il faut activer

Couleur de la ligne de régression

Permet de définir 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

Permet de définir la largeur de la ligne de régression en pixels, valeur par défaut 1

Style de la ligne de régression

Permet de définir le style de la ligne de régression, par exemple ligne pleine ou pointillée ; la valeur par défaut est une ligne pleine

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

Permet de définir le texte de l’étiquette de la ligne de régression ; une chaîne vide signifie qu’aucune étiquette n’est affichée

Couleur du texte

[2, 2]

0

Lorsque la fonction de pivot ou la combinaison de mesures est activée dans le graphique, indique si la liaison de dimension est activée.

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

Configuration de la liaison de dimension du graphique pivot

Indique si la liaison de dimension du graphique pivot est activée

Indique si les informations Tooltip des sous-graphiques correspondant à toutes les dimensions sont affichées

Indique si l’étiquette correspondant au crosshair est affichée

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