Echartsのgetzr（）。on（ 'click'）メソッドを介してパイチャートの特定のデータを取得するにはどうすればよいですか？
Echartsパイチャートクリックイベント：正確なデータを取得します
Echartsを使用してPIEチャートを作成する場合、 getZr().on('click')を使用してデータを直接取得するのは簡単ではありません。クリックイベントのtargetプロパティは、通常、直接データ値ではなくPiePieceオブジェクトを返します。この記事では、パイチャートのクリックデータを効果的に取得する方法について詳しく説明します。
問題分析
getZr().on('click')はクリックイベントをキャプチャしますが、返されたPiePieceオブジェクトにはdataIndexやseriesIndexなどのインデックス情報のみが含まれており、データに直接アクセスできません。 myChart.containPixel()メソッドは、クリック位置がチャート領域にあるかどうかを判断するために使用されますが、そのパラメーター設定は比較的複雑であり、判断エラーに簡単につながる可能性があります。
解決
-
dataIndexとseriesIndexを組み合わせてデータを取得します。PiePieceオブジェクトのdataIndexとseriesIndex、それぞれ対応するシリーズのデータのインデックスを示しています。これらのインデックスを使用して、Echartsインスタンスのoptionオブジェクトからデータを抽出できます。mychart.getzr（）。on（ 'click'、function（params）{ let dataindex = params.target.dataindex; let seriesindex = params.target.seriesindex; if（dataindex！== undefined && seriesindex！== undefined）{ let data = mychart.getoption（）。シリーズ[seriesindex] .data [dataindex]; console.log（ 'クリックしたデータ：'、data）; } }）; -
containPixel使用して、クリック位置を正確に決定します。myChart.containPixel()メソッドの最初のパラメーターは単純な'grid'ではありませんが、seriesIndex属性を含むオブジェクトが必要とするオブジェクトが必要です。mychart.getzr（）。on（ 'click'、function（params）{ let pointinpixel = [params.offsetx、params.offsety]; let seriesindex = params.target.seriesindex; //シリーズインデックスを取得if（mychart.containpixel（{seriesindex：[seriesindex]}、pointinpixel））{ // ...（ここでは、ステップ1のコードを使用してデータを取得します）... } }）; -
マルチリングパイチャートの処理：
マルチリングパイチャートの場合、
seriesIndexどのリングがクリックされているかを示します。上記のコードはこの状況を正しく処理できます。SeriesIndexseriesIndex直接使用するだけです。
上記の方法を使用して、Echartsパイチャートのクリックイベントから必要なデータを正確に抽出できます。 containPixelの正しい使用は、クリックイベントの精度を向上させるために重要であることを忘れないでください。 seriesIndexが適切にフェッチされ、 containPixelとデータアクセスに使用されることを確認してください。
以上がEchartsのgetzr（）。on（ 'click'）メソッドを介してパイチャートの特定のデータを取得するにはどうすればよいですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undress AI Tool
脱衣画像を無料で
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
8月の暗号通貨交換割引評価：新しいユーザーの報酬と処理料金の削減
Aug 08, 2025 pm 11:15 PM
目次：8月のビナンス（ビナンス）交換割引：8月のバイビット交換割引：8月MEXC抹茶交換割引：8月ビットフィネックス（グリーンリーフ）交換割引：暗号通貨交換ランキングこの記事は、2025年8月の主要な暗号通貨取引所から最新のオファーをコンパイルし、1つの記事は最良のメリットを享受できるようにします。通貨サークルの多くの初心者が知らないのは、ほとんどの取引所にはアプリケーションのオファーが隠されていることです。これには、手数料削減（10-20％削減）新しいアカウントボーナス（マージンとして機能することができます。
Memefi（Memefi Currency）の将来の価格はいくらですか？ 2025、2026、2027-2030の価格予測
Aug 08, 2025 pm 11:09 PM
ディレクトリ内のMEMEFI通貨は何ですか？ MEMEFIゲームプレイはじめにMEMEFI（MEMEFI）価格予測MEMEFI（MEMEFI）価格予測：EMAクラスターとボリンジャーバンドの押出ブレークスルーMEMEFI（MEMEFI）価格予測：RSIおよび方向トレンドモメフィ（MEMEFI）MEMEFI（MEMEFI）価格予測2025から2030 MEMEFIからMEMEFIのMemefi（Memefi）forecast（2026 forecast（ 2027 memefi（memefi）2028 memefi（memefi）2からの価格予測
Huobi HTXの1週間での新しい資産（7.28-8.4）：マルチトラック共鳴ミームとAIの概念が市場をリードしています
Aug 08, 2025 pm 11:03 PM
目次ミームの人気が残っています。つるとロバが上昇し続けています。技術的な物語が熱くなります：AIとプライバシーコンピューティングはチェーン、RWA、地域の物語で人気があります。 7月28日から8月4日までのHuobi HTXに関して、世界の暗号市場は揮発性パターンを維持し、ホットスポットの回転のペースが加速しました。今週、Huobi HTXによって開始された資産の中で、Meme、AI、Privacy Computing、Cross-Chain、RWAが一緒に進んでおり、市場の富効果が引き続き現れています。これは、Huobi HTXが新しい資産の集合的な増加を達成し、最先端のプロジェクト採掘と生態学的レイアウトにおける将来の見通しの性質をさらに検証し、ユーザーが新しい市場サイクルの新しいラウンドを把握するための強力なサポートを提供し続けた7月以来の5週間連続でもあります。 Huobi（HTX
ビットコイン（BTC）とは何ですか？ビットコインとは何かの簡単な紹介
Aug 07, 2025 pm 10:48 PM
Bitcoin（BTC）は、暗号化の原則に基づいて作成および実行されるデジタル資産です。銀行や政府などの特定の中央機関に依存して、発行および管理していません。そのコンセプトは、2008年に「ビットコイン：ピアツーピアの電子現金システム」というタイトルの論文で「中本atoshi」という名前の個人またはグループによって最初に提案されました。
ビットコイン（BTC）短期利益決済は「冷却」し、価格は115,000ドルのマークにしっかりと残っています
Aug 08, 2025 pm 11:00 PM
目次市場は、2025年のビットコインの見通しの残りの部分で「相対均衡状態」にありますが、ビットコインの価格は史上最高から低下していますが、現在の市場は「相対的な平衡位置」に入っていると指摘しています。オンチェーンデータプラットフォームのGlassNodeによる分析によると、ビットコインの価格が徐々に112,000ドルの低い低値を獲得した後、収益性の高い状態での短期保有者（STH）の販売圧力が弱体化しています。水曜日に発表された市場レポートで、GlassNodeは、短期保有者（155日未満で通貨を保有している投資家を参照）が大幅に「冷却」していると述べた。データは、最近の買いと収益性のある投資家の販売率を測定する「支出の生産量利益率」（SOPR）が減少したことを示しています
5,000元を使用して、通貨サークルで500,000元を獲得する方法は？
Aug 07, 2025 pm 08:42 PM
デジタル通貨の分野では、さまざまな変数と機会が5,000から500,000のプリンシパルを増やすことで、資産増加の100倍を達成する必要があることを意味します。これは単純な数学ゲームではなく、認知、戦略、メンタリティ、実行を含む包括的なテストです。参加者は、運だけに頼らず、鋭い市場洞察と並外れたリスク管理能力を持つことも必要です。
通貨サークルに3,000元で300,000元を作る方法は？究極の実際の戦闘
Aug 07, 2025 pm 08:36 PM
3000から30万のことは、報酬の100倍を求めることを意味します。これは暗号の世界ではファンタジーではありませんが、執行者は非常に高いレベルの認知、厳しい考え方、正確な操作を持つ必要があります。これは快適な道ではなく、高リスクで高報酬のゲームです。この目標へのパスには、慎重な設計と厳格な実装が必要です。
天才の安定コイン法案分析の包括的な理解
Aug 08, 2025 pm 10:51 PM
2025年7月18日、米国大統領は「米国の安定したコイン国家イノベーション法の指針と設立」（以下、「天才法」と呼ばれる）に署名し、デジタル資産規制の分野での歴史的なステップをマークしました。米国での最初の連邦レベルのスタブコイン特別法律として、この法案は、「支払いベースのスタブコイン」の包括的かつ明確な法的および規制の枠組みを確立することを目指しています。
