


Comment obtenir les données spécifiques d'un graphique à tarte via la méthode eCharts 'getzr (). Sur (' click ')?
Apr 05, 2025 am 08:24 AMECHARTS PIE TIE CLIC Cliquez sur événement: Obtenez des données précises
Lors de la création de graphiques à tarte avec Echarts, il n'est pas facile d'obtenir des données directement à l'aide de getZr().on('click')
. target
d'un événement de clic renvoie généralement un objet PiePiece
plut?t qu'une valeur de données directe. Cet article expliquera en détail comment obtenir efficacement les données de clic d'un graphique à secteurs.
Analyse des problèmes
getZr().on('click')
capture l'événement de clic, mais l'objet PiePiece
retourné ne contient que des informations d'index telles que dataIndex
et seriesIndex
, et ne peut pas accéder directement aux données. myChart.containPixel()
est utilisée pour déterminer si la position de clic est dans la zone du graphique, mais ses paramètres de paramètres sont relativement compliqués, ce qui peut facilement conduire à des erreurs de jugement.
Solution
-
Combinez
dataIndex
etseriesIndex
pour obtenir des données:dataIndex
etseriesIndex
dePiePiece
indiquent respectivement l'index des données de la série correspondante. Nous pouvons utiliser ces index pour extraire les données de l'objetoption
de l'instance Echarts.myChart.getzr (). sur ('click', fonction (params) { LET DATAINDEX = PARAMS.Target.DatainDEX; LETSE SERRIESIndex = params.target.seriesIndex; if (dataindex! == Undefined && seriesIndex! == Undefined) { Laissez Data = MyChart.GetOption (). Series [SeriesIndex] .Data [DatainDEX]; Console.log ('Clicked Data:', Data); } });
-
Utiliser
containPixel
pour déterminer avec précision la position de clic:Le premier paramètre de la méthode
myChart.containPixel()
n'est pas une simple'grid'
, mais nécessite un objet contenantseriesIndex
pour spécifier la série à vérifier.myChart.getzr (). sur ('click', fonction (params) { let pointInpixel = [params.offsetx, params.offSety]; LETSE SERRIESIndex = params.target.seriesIndex; // Obtenez l'index de la série if (myChart.ContainPixel ({seriesIndex: [SeriesIndex]}, PointInpixel)) { // ... (ici, nous utilisons le code à l'étape 1 pour obtenir les données) ... } });
-
Manipulation des graphiques à secteurs multi-anneaux:
Pour un graphique à secteurs multi-anneaux,
seriesIndex
indique quel anneau est cliqué. Le code ci-dessus peut gérer correctement cette situation, utilisez simplementseriesIndex
directement.
Grace à la méthode ci-dessus, nous pouvons extraire avec précision les données requises de l'événement de clic du graphique à tarte Echarts. N'oubliez pas que l'utilisation correcte de containPixel
est cruciale pour améliorer la précision des événements de clic. Assurez-vous que seriesIndex
est correctement récupéré et utilisé pour containPixel
et l'accès aux données.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Ethereum est une plate-forme d'application décentralisée basée sur des contrats intelligents, et son ETH de token natif peut être obtenu de diverses manières. 1. Enregistrez un compte via des plateformes centralisées telles que Binance et OUYIOK, complétez la certification KYC et achetez ETH avec des stablecoins; 2. Connectez-vous au stockage numérique via des plates-formes décentralisées et échangez directement ETH avec des stablescoins ou d'autres jetons; 3. Participer à un engagement de réseau et vous pouvez choisir un engagement indépendant (nécessite 32 ETH), des services de gage liquide ou un engagement en un clic sur la plate-forme centralisée pour obtenir des récompenses; 4. Gagnez ETH en fournissant des services aux projets Web3, en effectuant des taches ou en obtenant des Airdrops. Il est recommandé que les débutants partent des plates-formes centralisées traditionnelles, passent progressivement vers des méthodes décentralisées et attachent toujours de l'importance à la sécurité des actifs et à la recherche indépendante, à

Les outils les plus appropriés pour interroger les marchés des stables en 2025 sont: 1. Binance, avec des données faisant autorité et des paires de trading riches, et des graphiques de tradingview intégrés adaptés à une analyse technique; 2. Ouyi, avec une interface claire et une forte intégration fonctionnelle, et prend en charge le fonctionnement unique des comptes Web3 et Defi; 3. CoinmarketCap, avec de nombreuses devises, et le secteur des stablescoin peut afficher le classement des valeurs de marché et les doyens; 4. Coingecko, avec des dimensions de données complètes, fournit des scores de confiance et des indicateurs d'activité communautaire, et a une position neutre; 5. Huobi (HTX), avec des conditions de marché stables et des opérations amicales, adaptées aux demandes d'actifs traditionnelles; 6. Gate.io, avec la collection la plus rapide de nouvelles pièces de monnaie et de niche, et est le premier choix pour les projets pour explorer le potentiel; 7. tra

L'utilisation réelle de Battle Royale dans le système de double monnaie ne s'est pas encore produite. Conclusion En ao?t 2023, l'étincelle du protocole de prêt écologique Makerdao a donné un rendement annualisé de Dai8% $. Ensuite, Sun Chi est entré en lots, investissant un total de 230 000 $ Steth, représentant plus de 15% des dép?ts de Spark, for?ant Makerdao à faire une proposition d'urgence pour réduire le taux d'intérêt à 5%. L'intention initiale de Makerdao était de "subventionner" le taux d'utilisation de $ dai, devenant presque le rendement en solo de Justin Sun. Juillet 2025, Ethe

Qu'est-ce que Treehouse (Tree)? Comment fonctionne Treehouse (Tree)? Treehouse Products Tethdor - Taux de citation décentralisé Gonuts Points Système Treehouse met en évidence les jetons d'arbre et l'économie des jetons Présentation du troisième trimestre de l'équipe de développement de la feuille de route 2025, des investisseurs et des partenaires Treehouse Team Investment Fund Résumé Partenaire, car DeFi continue d'étendre les marques financières, la demande de produits à revenu fixe est en croissance, et son r?le est similaire au r?le des liaisons dans les marques financières traditionnelles. Cependant, construire sur la blockchain

Table des matières Crypto Market Panoramic Nugget Popular Token Vinevine (114,79%, valeur marchande circulaire de 144 millions de dollars) Zorazora (16,46%, valeur marchande circulaire de 290 millions de dollars américains) NAVXNAVIPROTOCOL (10,36%, valeur marchande circulaire de la cha?ne éthereum de 25,7624 millions de dollars) et alpha interprètes le NFT sur les ventes de NFT sur la cha?ne éthereum dans la cha?ne de séquences de séquences) et l'alpha interprète la NFT sur la cha?ne éthereum dans la cha?ne de séquences de séquences) et les alpha et les interventions NFT sur la pénu Les cryptopunks classés en premier dans le réseau de prover décentralisé succinct ont lancé la fondation succincte, qui peut être le token tge

Une bataille verbale sur la valeur des "jetons de créateur" a balayé le cercle social cryptographique. Les deux principales cha?nes publiques de Base et Solana ont eu une rare confrontation frontale, et un débat féroce autour de Zora et Pump. D'où vient cette confrontation remplie de poudre à canon? Découvons. La controverse a éclaté: le fusible de l'attaque de Sterling Crispin contre Zora était le chercheur de Delcomplex, Sterling Crispin, a bombardé publiquement Zora sur les plateformes sociales. Zora est un protocole social sur la cha?ne de base, en se concentrant sur la page d'accueil et le contenu de l'utilisateur

Répertoire Qu'est-ce que le zircuit comment faire fonctionner les caractéristiques principales zircuites de la sécurité de la sécurité de la sécurité zircuit de sécurité AI Sécurité native Ponts zircuits Points zircuits Staking Qu'est-ce que la prédiction de prix Zircuit Token (ZRC) Zircuit (ZRC) Prédiction de prix Comment acheter ZRC COIN? Conclusion Ces dernières années, le marché de niche de la plate-forme Blockchain Layer2 qui fournit des services au réseau Ethereum (ETH) Layer1 a prospéré, principalement en raison de la congestion du réseau, des frais de manipulation élevée et une mauvaise évolutivité. Beaucoup de ces plateformes utilisent une technologie à volume, plusieurs lots de transaction traités hors cha?ne

Les dix premières pièces de concept potentiels en 2025 incluent: 1. Render (RNDR) en tant que réseau de rendu GPU décentralisé, fournissant à l'IA une infrastructure d'alimentation de calcul clé; 2. Fetch.ai (FET) construit une économie intelligente par le biais d'agents économiques autonomes et participe à la formation de la "Super Alliance de l'intelligence artificielle" (ASI); 3. SingularityNet (AGIX) construit un marché des services d'IA décentralisé, favorise le développement de l'intelligence artificielle générale et est un membre principal de l'ASI; 4. Ocean Protocol (Ocean) résout les silos de données et les problèmes de confidentialité, fournit des transactions de données sécurisées et une technologie de ?calcul sur les données? pour soutenir l'économie de données de l'IA; 5
