#Rose

Le graphique en rose empilé convient aux scénarios de comparaison de données multidimensionnelles et affiche la taille des données par la longueur d’arc et le rayon des secteurs dans un système de coordonnées polaires

Scénarios adaptés:

- Comparaison de distribution de données multidimensionnelles

- Comparaison d’intensité dans des données périodiques

- Affichage simultané des valeurs numériques et des proportions de données catégorielles

Graphique en rose empilé

Graphique en rose empilé, affichant les relations de comparaison de données multidimensionnelles dans un système de coordonnées polaires

Jeu de 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. Les jeux de données saisis par l’utilisateur ne nécessitent aucun traitement manuel; VSeed dispose d’une puissante capacité de restructuration des données et les restructure automatiquement. Les données du graphique en rose sont finalement converties en 2 dimensions et 1 mesure.

Champs de dimension

La première dimension du graphique en rose est mappée sur l’axe angulaire; les autres dimensions sont fusionnées avec les noms de mesures (lorsqu’il y a plusieurs mesures) et affichées comme éléments de légende.

ID du champ correspondant à la dimension

Alias de dimension

Configuration du format temporel de la dimension

Granularité temporelle, détermine la précision 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 detail

- tooltip: permet de mapper plusieurs dimensions au canal d'infobulle

- label: permet de mapper plusieurs dimensions au canal de libellé

- row: prend en charge le mapping de plusieurs dimensions vers le canal ligne

- column: prend en charge le mapping de plusieurs dimensions vers le canal colonne

Mesures

Les mesures du graphique en rose sont automatiquement fusionnées en une seule mesure et mappées sur l’axe radial. Lorsqu’il y a plusieurs mesures, leurs noms sont fusionnés avec les autres dimensions et affichés comme éléments de légende.

ID de mesure, doit être unique

Alias de mesure, les doublons sont autorisés; 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

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 labels et infobulles

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 les nombres (décimal), les pourcentages (%), les pour mille (‰) et la 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 les nombres (décimal), les pourcentages (%), les pour mille (‰) et la 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

- radius: mesure mappée sur le canal de rayon

- color : mesure mappée au canal de couleur

- label: mesure mappée au canal label

- tooltip: mesure mappée au canal tooltip

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 (par ex. 'red', 'blue') ou une valeur hex, rgb ou rgba (par ex. '#ff0000', 'rgba(255,0,0,0.5)')

Color

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

Libellé

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 les nombres (décimal), les pourcentages (%), les pour mille (‰) et la 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 dimensions

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

Sélectionne les valeurs du champ de dimension dans les éléments 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

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

Légende

Configuration de la légende du graphique, incluant sa position, son format et son style.

Indique si la légende est activée

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

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

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

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

Taille de police de la légende

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

Graisse de police de la légende

Forme de la légende

Position de la légende

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

Infobulle

Configuration des infobulles du graphique, incluant leur position, leur format et leur style.

Indique si les infobulles sont activées

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

- y: sélection sur l’axe Y, limitant la sélection à la direction de l’axe Y tandis que l’axe X reste libre

- rect: sélection rectangulaire, disponible dans les directions des axes X et Y

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

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

Mode de sélection brush, sélection simple ou multiple

Définit le mode de sélection brush

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

Indique si la zone de brush est effacée après 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

Opacité

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

Stroke color

Largeur du trait

Style des données hors de la zone de brush

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

legend font color

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

Stroke color

Largeur du trait

Taille de police de la légende

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

legend font color

Graisse de police de la légende

Configuration de l’animation d’apparition des graphiques pie/donut/rose

Effets d’apparition des graphiques pie/donut/rose, avec animations radiale et d’échelle

Indique si l’étape d’animation actuelle est activée

Fonction d’easing de l’animation

Position de la légende

Couleur de surbrillance ou d’ambiance de l’animation

Configuration de l’animation de mise à jour des graphiques pie/donut/rose

Effets de mise à jour des graphiques pie/donut/rose, avec animation radiale

Indique si l’étape d’animation actuelle est activée

Fonction d’easing de l’animation

Durée de l’animation, en millisecondes

Couleur de surbrillance ou d’ambiance de l’animation

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

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.

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