إظهار المعلومات عند تحوم فوق مضلعات Voronoi (في D3.js)

Question

أريد إظهار اسم المدينة والسكان المرتبطين بمنطقة Voronoi التي تحوم بها.ومع ذلك، مع الطريقة التي جعلتها مناطق Voronoi، اضطررت إلي بإرسال البيانات الإحداثية فقط ولديها جميع أعمال الرسومات، أو إرسال المزيد من البيانات ولم يتم رسم أي من مجالات Voronoi (B / C لا يمكن قراءة غيرتنسيق البيانات، ولا أعرف كيفية التحديد داخل صفيف أو كائن، على الأقل عند إنشاء Voronois).يمكنني إدخال بيانات ثابتة أو غير ذات صلة ل Tooltip (كما فعلت أدناه)، ولكن ليس أي شيء من DataSet الفعلي.

giveacodicetagpre.

Answer 1

لقد وضعت معا مثالا باستخدام بياناتك لإثبات ما يذكره Lars. قمت بإنشاء متغير Voronoi مثل هذا:

giveacodicetagpre.

الذي تم نقله من هذا bl.ock بواسطة mike. يتيح لك ذلك تحديد مجموعة الإحداثيات ولا يزال لديك متصل بالبيانات الوصفية التي تريد عرضها.

قمت بإنشاء الكائن لتخزين جميع البيانات بتنسيق يمكن استخدامه في مضلمات Voronio باستخدام:

giveacodicetagpre.

كان بإمكاني تحديد ترجمة الإحداثيات في متغير voronio ثم استخدمت متغير الأجيال فقط، لكنني لم أكن كذلك.

تم استخدام سمة العنوان في Tooltips، ولكن يمكن استبدال هذا بشيء أكثر ملاءمة مثل ما لديك في التعليمات البرمجية الخاصة بك. التعليمات البرمجية ذات الصلة هي:

giveacodicetagpre.

كان هناك عدد قليل من المشكلات مع البيانات. اضطررت إلى استخدام إصدار أقدم من D3 (3.1.5) للحصول على Geojson لتقديمها بشكل صحيح. أعلم أنه كان هناك عدد من chnanges إلى الإسقاط البروسا حتى احذر هناك مشكلة هناك.

موقع بعض المدن تبدو خاطئة بالنسبة لي على سبيل المثال يبدو سان فانسيسكو في مكان ما في فلوريدا (هذا تسبب لي بعض الارتباك). لذلك راجعت ملف CSV الأصلي ويبدو أن الإحداثيات مخطئين في هناك والبيانات تجسدون حيث ينبغي أن يكون (ليس فقط أتوقع وفقا للملصقات).

الآن وضع كل شيء معا يمكنك العثور عليه ale="N