আমি জাভাস্ক্রিপ্টে পাই চার্ট তৈরি করতে চাই। অনুসন্ধানে আমি গুগল চার্টস এপিআই পেয়েছি। যেহেতু আমরা jQuery ব্যবহার করছি আমি দেখতে পেয়েছি গুগল চার্টের জন্য jQuery ইন্টিগ্রেশন উপলব্ধ।
তবে আমার সমস্যাটি এখানে চার্ট তৈরির জন্য প্রকৃত ডেটা গুগল সার্ভারে প্রেরণ করা হয়। গুগলে ডেটা প্রেরণ থেকে বাধা দেওয়ার কোনও উপায় আছে কি? আমি তৃতীয় পক্ষের কাছে আমার ডেটা প্রেরণে উদ্বিগ্ন।
উত্তর:
jqPlot দেখতে বেশ সুন্দর দেখাচ্ছে এবং এটি ওপেন সোর্স।
এখানে সর্বাধিক চিত্তাকর্ষক এবং আপ-টু-ডেট জিকপ্লাট উদাহরণগুলির লিঙ্ক ।
একটি মিথস্ক্রিয়া দৃষ্টিকোণ থেকে, ফ্লোট আপনি যতটা সম্ভব ফ্ল্যাশ গ্রাফিংয়ের যতটা সম্ভব আপনার কাছাকাছি পাবেন jQuery। গ্রাফ আউটপুটটি বেশ চটচটে এবং দুর্দান্ত দেখাচ্ছে, আপনি ডেটা পয়েন্টগুলির সাথেও ইন্টারেক্ট করতে পারবেন can আমি এর দ্বারা যা বোঝাতে চাইছি তা হ'ল আপনি কোনও ডেটা পয়েন্টের ওপরে ঘোরাতে এবং গ্রাফের সেই বিন্দুর মান সম্পর্কে ভিজ্যুয়াল প্রতিক্রিয়া পেতে পারেন।
ফ্লটের ট্রাঙ্ক সংস্করণ পাই চার্ট সমর্থন করে।
ফ্লট জুম ক্ষমতা।
এর উপরে, আপনার কাছে নির্দিষ্ট "জোন" এর জন্য ডেটা ফেরত পেতে গ্রাফের একটি অংশ নির্বাচন করার ক্ষমতাও রয়েছে। এই "জোনিং" এর গৌণ বৈশিষ্ট্য হিসাবে, আপনি গ্রাফের কোনও অঞ্চল নির্বাচন করতে পারেন এবং ডেটা পয়েন্টগুলি আরও ঘনিষ্ঠভাবে দেখতে জুম করতে পারেন। খুব শীতল ।
স্পার্কলাইনগুলি আমার প্রিয় মিনি গ্রাফিং সরঞ্জাম out ড্যাশবোর্ড স্টাইলের গ্রাফগুলির জন্য সত্যিই দুর্দান্ত (ভাবি গুগল অ্যানালিটিক্স ড্যাশবোর্ড পরবর্তী সময় আপনি লগইন করুন)। যেহেতু তারা খুব ছোট, তাদের লাইনে অন্তর্ভুক্ত করা যেতে পারে (উপরের উদাহরণ হিসাবে)। সমস্ত গ্রাফিং প্লাগইনগুলিতে ব্যবহার করা যেতে পারে এমন আরেকটি সুন্দর ধারণা হ'ল স্ব-রিফ্রেশ ক্ষমতা। তাদের মাউস-স্পিড ডেমোটি আপনাকে লাইভ চার্টিংয়ের সর্বোত্তমতম শক্তি দেখায়।
jQuery চার্ট 0.21 এটি সর্বোপরি বলার অপেক্ষা রাখে না যে সর্বোত্তম চেহারাযুক্ত চার্টিং প্লাগইন। এটি যে চার্টগুলি পরিচালনা করতে পারে তার ক্ষেত্রে এটি কার্যক্ষমতার ক্ষেত্রে বেশ মৌলিক, তবে আপনি যদি কিছু সময় এবং প্রচেষ্টা চালাতে পারেন তবে এটি নমনীয় হতে পারে।
চার্টে মান যুক্ত করা তুলনামূলকভাবে সহজ:
.chartAdd({
"label" : "Leads",
"type" : "Line",
"color" : "#008800",
"values" : ["100","124","222","44","123","23","99"]
});
jQchart একটি অদ্ভুত, তারা অ্যানিমেশন ট্রানজিশন তৈরি করেছে এবং চার্টটিতে টানুন / ড্রপ কার্যকারিতা তৈরি করেছে, তবে এটি একটি সামান্য আড়ষ্ট - এবং আপাতদৃষ্টিতে অর্থহীন। আপনি যদি CSSঠিকঠাক সেটআপ পান তবে এটি দেখতে সুন্দর চার্ট তৈরি করে , তবে আরও ভাল।
টিউফটিগ্রাফ নিজেকে "সুন্দর বার গ্রাফগুলি যে আপনি আপনার মাকে দেখাবেন" হিসাবে বিক্রি করে। এটি কাছাকাছি আসে, ফ্লোটটি সুন্দর, তবে টুফ্ট নিজেকে খুব লাইটওয়েট হিসাবে ধার দেয়। যদিও এটির সাথে সাথে বিধিনিষেধগুলি আসে - থেকে বেছে নেওয়ার কয়েকটি বিকল্প রয়েছে, তাই আপনি যা পেয়েছেন তা পেয়ে যান। দ্রুত উইন বারের চার্টের জন্য এটি পরীক্ষা করে দেখুন।
এখানে প্রচুর দুর্দান্ত পরামর্শ, কেবলমাত্র ভাল পরিমাপের জন্য স্ট্রিংয়ের উপরে জিংচার্টটি ফেলে দেওয়া । আমরা সম্প্রতি লাইব্রেরির জন্য একটি jQuery মোড়ক প্রকাশ করেছি যা চার্টগুলি তৈরি এবং কাস্টমাইজ করা আরও সহজ করে তোলে। সিডিএন লিঙ্কগুলি নীচে ডেমোতে রয়েছে।
আমি জিঙ্গচার্ট টিমে আছি এবং আপনার কারও যে কোনও প্রশ্নের উত্তর দিতে আমরা এখানে আছি!
আরও কয়েকজন যা উল্লেখ করা হয়নি:
মিনি পাই, লাইন এবং বারগুলির জন্য , পিটিটি দুর্দান্ত, সহজ, ক্ষুদ্র, দ্রুত, সত্যই মার্জিত মার্কআপ ব্যবহার করে।
আমি ফ্লোটের সাথে এর সম্পর্কের বিষয়ে নিশ্চিত নই (এটির নাম দেওয়া হয়েছে), তবে ফ্লোটর 2 বেশ ভাল, অবশ্যই ফ্লোটের চেয়ে ভাল পাইগুলি করে।
ব্লাফ সুন্দর চেহারার লাইন গ্রাফ তৈরি করে তবে এর পাইগুলি নিয়ে আমার কিছুটা সমস্যা হয়েছিল।
আমি যা পরে ছিলাম তা নয়, তবে আরেকটি বাণিজ্যিক পণ্য (অনেকটা হাইচার্টের মতো) টিচার্ট ।
Chart.js বেশ কার্যকর, অন্যান্য বিভিন্ন ধরণের চার্টকে সমর্থন করে।
এটি jQuery এবং ছাড়া উভয়ই ব্যবহার করা যেতে পারে।
মাঠে নতুন প্লেয়ার রয়েছে, উন্নত ন্যাভিগেশন চার্ট অফার করছে যা সুপার-স্মুথ অ্যানিমেশন এবং পারফরম্যান্সের জন্য ক্যানভাস ব্যবহার করছে:
চার্টের উদাহরণ:
ডকুমেন্টেশন: https://zoomcharts.com/en/javascript-charts-library/charts-packages/pie-chart/
এই lib সম্পর্কে দুর্দান্ত কি:
চার্ট হয় বিনামূল্যে অ-বাণিজ্যিক ব্যবহারের বাণিজ্যিক লাইসেন্স এবং প্রযুক্তিগত সহায়তার জন্য পাশাপাশি পাওয়া যায়।
আপনার ব্যবহারের জন্য ইন্টারেক্টিভ টাইম চার্ট এবং নেট চার্ট রয়েছে।
চার্টগুলি বিস্তৃত এপিআই এবং সেটিংস সহ আসে, যাতে আপনি চার্টের প্রতিটি দিক নিয়ন্ত্রণ করতে পারেন।
অ বাণিজ্যিক ব্যবহারের জন্য বিনামূল্যে.
JQuery , নোড.জেএস, ওয়ার্ডপ্রেস, দ্রুপাল, জুমলা, মাইক্রোসফ্ট টাইপস্ক্রিপ্ট ইত্যাদির জন্য প্লাগইন অন্তর্ভুক্ত ...
কিছু ডেমো এর স্ক্রিনশট:
