تغيير عمود العمود العمود في Google

Question

هل يعرف أحد إذا استطعت اختراق تصور جوجل apichart api. الرسم البياني بطريقة أو بأخرى، لجعل عمود واحد تبرز مع لون مختلف، مثل ذلك:

أعلم أنك تستطيع أن تفعل ذلك مع imageEchART، لذلك لا أحتاج إلى ذلك (يطلق أي أحداث ولديه ملصقات X / Y).

هل يمكنني اجتياز النتيجة مع جافا سكريبت بطريقة أو بأخرى وتغيير نمط CSS، إذا تم تقديمه حقا في SVG؟

Answer 1

حسنا باستخدام JQuery، تمكنت من الوصول إلى IFRAME الخاص بي للجلوس. انها ليست جميلة، لكنها تعمل. كما أنها أقصر من استخدام النموذج الأولي:

$('#google-chart iframe').contents().find("#chartArea g>g>rect")[2].attributes['5'].value = "#eea746";                                         

في الرمز أعلاه السمات ['5'] يشير إلى سمة "ملء" كائن مستقيم.

Answer 2

اختراق رخيصة حقا (يعمل جيدا تماما) ما يلي:

في خيارات المخطط الخاص بك، افعل: Isvacked (صحيح)؛

الآن تمرير البيانات في سلسلتين منفصلتين: واحد من الصفر في كل مكان باستثناء شريطك خارج الملون، وواحد صفر فقط في الشريط خارج الملون. تسفر الأشرطة "المكدسة" فقط تأثير نشرتك في لقطة الشاشة.

Answer 3

يمكنك اجتياز النتيجة إذا كنت تريد بالتأكيد (تقوم بتوليد شظايا SVG مضمنة من حيث مظهره)، فما عليك سوى فتح أداة تصحيح الويب Fave (Opera Dragonfly أو Firebug أو WebKit Web Inspector) لمعرفة ما يبدو عليه.

أعتقد أنه قد يكون أكثر بساطة لاستخدام API لجعل شريط واحد له لون مختلف، ولكن إذا كنت ترغب في اجتياز الشجرة وتعيين بعض الأناقة التي يجب أن تعمل على ما يرام. يمكنك استخدام المعيار دوم كور طرق لاجتياز الشجرة، تماما مثل في HTML، على سبيل المثال firstChild, nextSibling, parentNode.