পপ আপ উইন্ডোর ভিতরে কীভাবে একটি চার্ট প্রদর্শন করবেন? আমি লিফলেট জেএস ব্যবহার করছি, যার র্যাফেল প্লাগইন http://dynmeth.github.com/RaphaelLayer/ এর জন্য সমর্থন রয়েছে । পপআপ উইন্ডোর ভিতরে কোনও ডিভি তৈরি করা সম্ভব? আমি http://softwarebyjosh.com/raphy-charts/ সম্পর্কে ভাবছিলাম
লিফলেট দিয়ে যদি এটি সম্ভব না হয় তবে আমি কেবল রাফেল মানচিত্র সমাধানে খোলা আছি।
ধন্যবাদ
উত্তর:
আমার ধারণা এটি সম্ভব। লিফলেটটির হোম পৃষ্ঠায় আমি এই উদাহরণটি দেখতে পাচ্ছি:
// add a marker in the given location, attach some popup content to it and open the popup
L.marker([51.5, -0.09]).addTo(map)
.bindPopup('A pretty CSS3 popup. <br> Easily customizable.').openPopup();
সুতরাং আপনি বিষয়বস্তু হিসাবে মার্কআপ যোগ করতে পারেন। উপরের বিআর ট্যাগ দেখুন।
// add a marker in the given location, attach some popup content to it and open the popup
L.marker([51.5, -0.09]).addTo(map)
.bindPopup('A pretty CSS3 popup. <div class="popup_custom_div"></div> Easily customizable.').openPopup();
//retrieve the div by class name take care if more then one maybe opened
var mydiv = document.getElementsByClassName( 'popup_custom_div' )[0];
mydiv.innerHTML = 'I am here';
@ কভিলার উত্তরটি সমাধানের একমাত্র অংশ। আপনি পপআপে চার্টের জন্য ডিভি ট্যাগ রাখতে পারেন, তবে সমস্যাটি তখনই উত্থাপিত হয় কারণ তখন আপনাকে র্যাপি-কার্টস জাভাস্ক্রিপ্ট সম্পাদন করতে ".openPopup ()" ইভেন্টটি শুনতে হবে। আপনি যদি এই ইভেন্টে এটি না করেন, তবে এটি কার্যকর করার পরে এটি ডিওএম ট্যাগটি খুঁজে পাবে না কারণ এটি ডিওমে .োকানো হয়নি। দেখে মনে হচ্ছে লিফলেটটি ইভেন্ট শোনার পক্ষে সমর্থন করে তাই আপনাকে উপরের কোডটিতে এই জাতীয় কিছু যুক্ত করতে হবে:
map.on('popup', function(e) {
//Run the chart code here like this
var chart = new Charts.LineChart('chart1');
chart.add_line({
data: [[1, 828906, {tooltip: "my special point"}],[2, 566933],[3, 584150],[4,
1072143],[5, 1622455],[6, 2466746],[7, 2427789]]
});
chart.draw();
});
একটি উপায় হ'ল আপনার নির্মাতাদের ক্লিক ইভেন্টগুলি শুনতে এবং ফ্লাইতে চার্ট তৈরি করা। এখানে একটি উদাহরণ: http://jsfiddle.net/6UJQ4/
আমার চারপাশে খেলা শুরু করা অবধি আমার কাছে স্পষ্ট ছিল না যে লিফলেটটির বাইন্ডপপ স্ট্রিং বা একটি ডম নোড নিতে পারে take উপরের উদাহরণটি একটি ডোম নোড তৈরি করে, এটি বিন্ডপপআপে দেয় তারপর চার্ট তৈরি করে।