#Radar

Graphique radar, adapté à l’analyse comparative de données multidimensionnelles, affichant la distribution des valeurs entre les dimensions dans un système de coordonnées multi-axes

Cas d’utilisation:

- Comparer la performance globale de données multidimensionnelles

- Évaluer les performances de plusieurs objets sur plusieurs mesures

- Afficher les caractéristiques multidimensionnelles des données catégorielles

Graphique radar

Graphique radar, affichant les comparaisons multidimensionnelles dans un système de coordonnées multi-axes

Jeu de données

Jeu de données agrégé conforme à la spécification TidyData. Il définit la source et la structure des données du graphique. Les données saisies par l’utilisateur ne nécessitent aucun prétraitement, car VSeed les restructure automatiquement. Les données du graphique radar sont finalement converties en deux dimensions et une mesure.

Champs de dimension

La première dimension du graphique radar est mappée sur l’axe angulaire ; les autres dimensions sont fusionnées avec les noms de mesures 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

Granularite temporelle, determine la precision d affichage de la date

Canal auquel la dimension est mappée

- angle: prend en charge le mapping de plusieurs dimensions vers le canal d’angle

- 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

Mesures

Les mesures du graphique radar sont automatiquement fusionnées en une seule mesure et mappées sur l’axe radial. Lorsque plusieurs mesures existent, les noms de mesure sont fusionnés avec les autres dimensions et affichés comme éléments de légende.

ID de mesure, doit être unique

Alias de la mesure, les doublons sont autorises ; s il n est pas defini, l alias prend l ID par defaut

Formatage numérique automatique, activé par défaut, priorité la plus élevée

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

Une fois active, les etiquettes de donnees et les infobulles du graphique choisissent automatiquement le format approprie selon les valeurs de mesure et la locale.

Regles de formatage : nombres decimaux, notation compacte activee, minimum 0 decimale, maximum 2 decimales, arrondi automatique, via l implementation Intl.NumberFormat du navigateur.

Par exemple :

- locale=zh-CN: 749740.264 → 74.45万

- locale=en-US: 749740.264 → 744.5K

Formatage numerique personnalise pour les mesures ; applique automatiquement aux etiquettes et aux infobulles.

Remarque : pour utiliser un format personnalise, autoFormat doit etre explicitement defini sur false ; sinon autoFormat remplacera cette configuration.

Type de format numérique, prend en charge les nombres (décimal), les pourcentages (%), les pour mille (‰) et la notation scientifique

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

Symbole de format numérique, par exemple %, ‰

Séparateur des milliers pour le format numérique

Suffixe du format numérique

Préfixe du format numérique

Nombre de décimales pour le format numérique, utilisant minimumFractionDigits et maximumFractionDigits de Intl.NumberFormat du navigateur. Priorité inférieure à significantDigits

Chiffres significatifs pour le format numérique, utilisant minimumSignificantDigits et maximumSignificantDigits de 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 règles roundingPriority de Intl.NumberFormat

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

Type de format numérique, prend en charge les nombres (décimal), les pourcentages (%), les pour mille (‰) et la notation scientifique

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

Symbole de format numérique, par exemple %, ‰

Séparateur des milliers pour le format numérique

Suffixe du format numérique

Préfixe du format numérique

Nombre de décimales pour le format numérique, utilisant minimumFractionDigits et maximumFractionDigits de Intl.NumberFormat du navigateur. Priorité inférieure à significantDigits

Chiffres significatifs pour le format numérique, utilisant minimumSignificantDigits et maximumSignificantDigits de 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 règles roundingPriority de Intl.NumberFormat

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

Canal auquel la mesure est mappée

- radius : rayon mappé depuis la mesure

- color : mesure mappée sur le canal couleur

- label : mesure mappée sur le canal d’étiquette

- tooltip : mesure mappée sur le canal d’infobulle

Construit un groupe de mesures arborescent sous forme de configuration de mesures plate. parentId pointe vers l ID du groupe parent et sert a construire l arbre des mesures.

Paging configuration, used to specify the paging field name; it must be a dimension

Champ de pagination ; spécifie le nom du champ pour la pagination, 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 comme 'red' ou 'blue', ou une valeur hex, rgb ou rgba comme '#ff0000' ou 'rgba(255,0,0,0.5)'.

Couleur

Configuration des couleurs, utilisee pour definir les palettes du graphique, notamment les listes de couleurs, les correspondances de couleurs et les degrades.

Palette de couleurs discrète utilisée pour définir les couleurs des différents éléments du graphique.

Palette de dégradé linéaire utilisée pour définir les couleurs des différents éléments du graphique.

Mapping de couleur utilisé pour associer des 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.

Etiquette

Configuration des etiquettes, utilisee pour definir la position, le format, le style et les parametres associes des etiquettes de donnees.

Indique si la fonctionnalité d'étiquette est activée.

Indique si les étiquettes passent à la ligne suivante.

Indique si les étiquettes affichent les valeurs de mesure.

Dans les scénarios à plusieurs mesures, il n'y a pas de risque de valeurs conflictuelles, car toutes les mesures liées au tracé passent par le traitement foldMeasures et sont fusionnées en une seule mesure représentant un 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 etiquettes affichent les valeurs de mesure en pourcentage.

Dans les scénarios à plusieurs mesures, il n'y a pas de risque de valeurs conflictuelles, car toutes les mesures liées au tracé passent par le traitement foldMeasures et sont fusionnées en une seule mesure représentant un 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 etiquettes affichent les libelles de dimension.

Affiche toutes les etiquettes 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 des etiquettes sont formatees automatiquement ; lorsque autoFormat vaut true, la configuration numFormat est ignoree.

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

Type de format numérique, prend en charge les nombres (décimal), les pourcentages (%), les pour mille (‰) et la notation scientifique

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

Symbole de format numérique, par exemple %, ‰

Séparateur des milliers pour le format numérique

Suffixe du format numérique

Préfixe du format numérique

Nombre de décimales pour le format numérique, utilisant minimumFractionDigits et maximumFractionDigits de Intl.NumberFormat du navigateur. Priorité inférieure à significantDigits

Chiffres significatifs pour le format numérique, utilisant minimumSignificantDigits et maximumSignificantDigits de 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 règles roundingPriority de Intl.NumberFormat

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

Taille de police du libellé

Hauteur maximale du rectangle ; peut etre une valeur en pixels ou une chaine en pourcentage.

Couleur d'arrière-plan de l'étiquette

Couleur de contour de l'étiquette

Couleur de police de l etiquette

Indique si la couleur de police de l etiquette s inverse automatiquement selon la couleur de l element.

Position de l etiquette

Indique si la gestion du chevauchement des etiquettes est activee.

Sélection d’étiquette ; les conditions entre sélecteurs sont OR par défaut.

Champ de dimension, id d’un élément de dimensions

Indique si les etiquettes correspondant au crosshair sont affichees.

Indique si les etiquettes correspondant au crosshair sont affichees.

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 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 sur les données

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

Exigence d’environnement: seul le navigateur est pris en charge; l’environnement Node.js utilisera 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

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

Description du besoin de filtrage utilisateur (langage naturel)

Code JavaScript de filtrage 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 qui indique 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 la ligne de l’élément de données d’origine, field indique le champ à mettre en évidence

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

Fallback 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 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 prepare(); lecture seule à l’exécution

Legende

Configuration de la legende, utilisee pour definir la position, le format, le style et les parametres associes de la legende.

Indique si la fonctionnalite de legende est activee.

Indique si la bordure de la legende est activee.

Couleur de police de la légende.

Couleur de l icone de pagination.

Couleur de l icone de pagination desactivee/grisee.

Taille de police de la légende.

Couleur de police de la légende.

Graisse de police de la légende.

Type de forme de la legende.

Position de la légende

Nombre maximal de colonnes ou de lignes lorsqu il y a beaucoup d elements de legende.

Si position est horizontale (bottom, bottomLeft, bottomRight, bl, br, top, topLeft, topRight, tl, tr), maxSize controle le nombre de colonnes affichees.

Si position est verticale (left, leftTop, leftBottom, lt, lb, right, rightTop, rightBottom, rt, rb), maxSize controle le nombre de lignes affichees.

Info-bulle

Configuration des infobulles, utilisee pour definir la position, le format, le style et les parametres associes des infobulles.

Indique si la fonctionnalité d’infobulle est activée

Selection par brosse

Brush selection configuration, used to enable or disable brush selection.

- y : brush d axe Y ; selectionne uniquement dans la direction Y, sans restriction sur l axe X.

Indique si la sélection par brush est activée

Type de brush

Définit la forme de la zone de sélection et la direction de sélection.

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

- polygon : sélection polygonale, dessine un polygone libre en cliquant plusieurs points

- x : sélection dans la direction de l’axe X uniquement, sans contrainte sur Y

- y : sélection dans la direction de l’axe Y uniquement, sans contrainte sur X

Mode de sélection: simple ou multiple

Définit le mode de sélection par brush

- single: Mode sélection simple, une seule zone de brush peut exister à la fois

- multiple: Mode sélection multiple, plusieurs zones de brush peuvent exister simultanément

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

Style des données dans la zone de brush

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

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

Definit le style des points de donnees hors de la selection.

Couleur du trait

Largeur du trait

Axe X, axe categoriel, configuration de l axe X ; definit l axe X du graphique, notamment sa position, son format, son style, etc.

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

Couleur du trait

Largeur du trait

Configuration de l animation

Configuration d animation du graphique ; les effets disponibles sont limites par le type de graphique

Indique si l animation du graphique radar est activee

Parametres d animation du graphique radar

Configuration de l animation d apparition du graphique radar

Effets d apparition du graphique radar, prenant en charge les animations radiale et de mise a l echelle

Indique si l etape d animation actuelle est activee

Fonction d easing de l animation

Duree de l animation, en millisecondes

Couleur de surbrillance ou d ambiance de l animation

Configuration de l animation de mise a jour du graphique radar

Effets de mise a jour du graphique radar, prenant en charge l animation de croissance

Indique si l etape d animation actuelle est activee

Fonction d easing de l animation

Duree de l animation, en millisecondes

Couleur de surbrillance ou d ambiance de l animation

Configuration de l animation en boucle du graphique radar

Indique si l animation en boucle est activee

Intervalle de l animation en boucle, en millisecondes

Graphique radar atmosphere animation configuration

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

Couleur de l’animation d’atmosphère

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

Thème du graphique. Le thème est une configuration fonctionnelle de priorité plus faible, contenant les paramètres communs à tous les types de graphiques et les paramètres propres à un type de graphique.

Deux thèmes intégrés sont fournis : light et dark. Les utilisateurs peuvent personnaliser les thèmes via Builder.

Thème

Deux thèmes intégrés sont fournis, light et dark ; de nouveaux thèmes peuvent être personnalisés via registerTheme.

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

Prend en charge une configuration de style globale ou conditionnelle

Filtre de donnees

• 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 dimensions

Indique si les etiquettes correspondant au crosshair sont affichees.

Indique si les etiquettes correspondant au crosshair sont affichees.

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 complexe de filtrage des données via du code JavaScript généré par l’IA

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

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 sur les données

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

Exigence d’environnement: seul le navigateur est pris en charge; l’environnement Node.js utilisera 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

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

Description du besoin de filtrage utilisateur (langage naturel)

Code JavaScript de filtrage 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 qui indique 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 la ligne de l’élément de données d’origine, field indique le champ à mettre en évidence

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

Fallback 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 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 prepare(); 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

Line mark style configuration, used to define line mark color, opacity, curve, and related settings.

Prend en charge une configuration de style globale ou conditionnelle

Filtre de donnees

• 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 dimensions

Indique si les etiquettes correspondant au crosshair sont affichees.

Indique si les etiquettes correspondant au crosshair sont affichees.

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 complexe de filtrage des données via du code JavaScript généré par l’IA

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

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 sur les données

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

Exigence d’environnement: seul le navigateur est pris en charge; l’environnement Node.js utilisera 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

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

Description du besoin de filtrage utilisateur (langage naturel)

Code JavaScript de filtrage 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 qui indique 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 la ligne de l’élément de données d’origine, field indique le champ à mettre en évidence

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

Fallback 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 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 prepare(); lecture seule à l’exécution

Indique si les segments de ligne sont visibles

Indique si les segments de ligne sont lisses

Couleur du segment de ligne

Opacite de la couleur du segment de ligne

Largeur du segment de ligne

Style du segment de ligne

Area mark style configuration, used to define area mark color, opacity, border, and related settings.

Prend en charge une configuration de style globale ou conditionnelle

Filtre de donnees

• 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 dimensions

Indique si les etiquettes correspondant au crosshair sont affichees.

Indique si les etiquettes correspondant au crosshair sont affichees.

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 complexe de filtrage des données via du code JavaScript généré par l’IA

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

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 sur les données

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

Exigence d’environnement: seul le navigateur est pris en charge; l’environnement Node.js utilisera 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

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

Description du besoin de filtrage utilisateur (langage naturel)

Code JavaScript de filtrage 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 qui indique 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 la ligne de l’élément de données d’origine, field indique le champ à mettre en évidence

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

Fallback 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 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 prepare(); lecture seule à l’exécution

Indique si l element de zone est visible

Indique si l element de zone est visible

Area mark color

Area mark color

Area mark color opacity

Area mark color opacity

Langue

Chart language configuration. Supports 'zh-CN' and 'en-US'. You can also call intl.setLocale('zh-CN') to set the language.