


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)

Sujets chauds

Comment les utilisateurs novices choisissent-ils une plate-forme stablecoin s?re et fiable? Cet article recommande les 10 principales plates-formes de stablecoin en 2025, notamment Binance, Okx, Bybit, Gate.io, HTX, Kucoin, Mexc, Bitget, Coinx et Probit, et les compare et les analyse à partir de dimensions telles que la sécurité, les types de stablecoin, la liquidité, l'expérience de l'utilisateur, la structure des frais et les fonctions supplémentaires. Les données proviennent de Coingecko, Defillama et des évaluations communautaires. Il est recommandé que les novices choisissent des plateformes très conformes, faciles à utiliser et à soutenir le chinois, comme Kucoin et Coinex, et renforcent progressivement un petit nombre de tests.

Dans le contexte des fluctuations violentes sur le marché des crypto-monnaies, la demande des investisseurs de préservation des actifs devient de plus en plus importante. Cet article vise à répondre à la manière de couvrir efficacement les risques dans le cercle de monnaie turbulent. Il introduira en détail le concept de stablecoin, un outil de couverture de base, et fournira une liste de stablescoins TOP3 en analysant les options très reconnues actuelles sur le marché. L'article expliquera comment sélectionner et utiliser ces stablescoins en fonction de leurs propres besoins, afin de mieux gérer les risques dans un environnement de marché incertain.

Cet article discutera des stablescoins mondiaux et analysera les stablescoins qui ont l'attribut d'aversion au risque du "substitut d'or" dans le cycle à la baisse du marché (marché baissier). Nous expliquerons comment juger et choisir un outil de stockage de valeur relativement stable dans un marché baissier en comparant la valeur marchande, le mécanisme d'approbation, la transparence et la combinaison de vues communes sur Internet, et expliquer ce processus d'analyse.

Au fur et à mesure que les conditions du marché accélèrent, de plus en plus d'investisseurs intelligents ont commencé à augmenter tranquillement leurs positions dans le cercle des devises. Beaucoup de gens se demandent ce qui les fait prendre de manière décisive lorsque la plupart des gens attendent et voient? Cet article analysera les tendances actuelles à travers des données sur la cha?ne pour aider les lecteurs à comprendre la logique des fonds intelligents, afin de mieux saisir la prochaine série de possibilités de croissance potentielle de la richesse.

Ethereum Price a connu plusieurs étapes critiques, de 0,70 $ en 2015 à 3 050 $ en 2025.1) De 2015 à 2016, ETH est passé de 0,70 $ à 20,64 $ à la mi-2016; 2) De 2017 à 2018, tiré par le boom de l'ICO, a atteint 1 417 $ début 2018, puis est tombé à 80 $ en raison de préoccupations réglementaires; 3) de 2019 à 2020 et est passé à 737 $ sous Defi; 4) à partir de 2021, a atteint un nouveau sommet de 4 864 $, puis est tombé à 1 200 à 200 $ en raison de la transformation de la POS; 5) de 2023 à 2024 à environ 3 000 $

Les pièces stables sont des monnaies numériques qui maintiennent une valeur stable en ancrant des actifs spécifiques. Ils sont principalement divisés en trois catégories: garantie de monnaie fiduciaire, garantie des actifs crypto et algorithmique. Parmi eux, les garanties de monnaie fiduciaire tels que l'USDT et l'USDC sont largement utilisées, et leurs réserves sont souvent investies dans des obligations du Trésor américain, formant un lien étroit avec le système financier traditionnel.

Le modèle dans le champ de la cha?ne publique montre une tendance de "un super, beaucoup de forts et une centaine de fleurs fleurissant". Ethereum mène toujours avec ses douves écologiques, tandis que Solana, Avalanche et d'autres sont difficiles à affronter les performances. Pendant ce temps, Polkadot, Cosmos, qui se concentre sur l'interopérabilité, et ChainLink, qui est une infrastructure critique, forment une image future de plusieurs cha?nes coexistant. Pour les utilisateurs et les développeurs, le choix de la plate-forme n'est plus un seul choix, mais nécessite un compromis entre les performances, le co?t, la sécurité et la maturité écologique basée sur des besoins spécifiques.

Cet article introduira plusieurs stablescoins grand public et expliquera en profondeur comment évaluer la sécurité d'un stablecoin à partir de plusieurs dimensions telles que la transparence et la conformité, afin de vous aider à comprendre quelles étalines sont généralement considérées comme des choix relativement fiables sur le marché, et à apprendre à juger vous-même leurs attributs "de danger".
