ওভারভিউ
হিস্টোগ্রাম হল এমন একটি চার্ট যা সাংখ্যিক ডেটাকে বিনে গোষ্ঠীবদ্ধ করে, বিনগুলিকে সেগমেন্টেড কলাম হিসাবে প্রদর্শন করে। এগুলি একটি ডেটাসেটের বন্টন চিত্রিত করতে ব্যবহৃত হয়: কত ঘন ঘন মানগুলি ব্যাপ্তিতে পড়ে৷
Google চার্ট স্বয়ংক্রিয়ভাবে আপনার জন্য বিন সংখ্যা নির্বাচন করে। সমস্ত বিনগুলি সমান প্রস্থের এবং বিনের ডেটা পয়েন্টগুলির সংখ্যার সমানুপাতিক উচ্চতা রয়েছে। অন্যান্য ক্ষেত্রে, হিস্টোগ্রামগুলি কলাম চার্টের অনুরূপ।
উদাহরণ
এখানে ডাইনোসরের দৈর্ঘ্যের একটি হিস্টোগ্রাম রয়েছে:
হিস্টোগ্রাম আমাদের বলে যে সবচেয়ে সাধারণ বিন হল < 10 মিটার, এবং 40 মিটারের উপরে শুধুমাত্র একটি ডাইনোসর আছে। আমরা বারটির উপর ঘোরাঘুরি করে আবিষ্কার করতে পারি যে এটি সিসমোসরাস (যেটি কেবল একটি খুব বড় ডিপ্লোডোকাস হতে পারে; জীবাশ্মবিদরা নিশ্চিত নন )।
এই হিস্টোগ্রাম তৈরি করার কোডটি নীচে দেখানো হয়েছে। ডেটা সংজ্ঞায়িত করার পরে (এখানে, google.visualization.arrayToDataTable
সহ), চার্টটি google.visualization.Histogram
এ একটি কল দিয়ে সংজ্ঞায়িত করা হয়েছে এবং অঙ্কন পদ্ধতিতে draw
হয়েছে।
<html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load("current", {packages:["corechart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Dinosaur', 'Length'], ['Acrocanthosaurus (top-spined lizard)', 12.2], ['Albertosaurus (Alberta lizard)', 9.1], ['Allosaurus (other lizard)', 12.2], ['Apatosaurus (deceptive lizard)', 22.9], ['Archaeopteryx (ancient wing)', 0.9], ['Argentinosaurus (Argentina lizard)', 36.6], ['Baryonyx (heavy claws)', 9.1], ['Brachiosaurus (arm lizard)', 30.5], ['Ceratosaurus (horned lizard)', 6.1], ['Coelophysis (hollow form)', 2.7], ['Compsognathus (elegant jaw)', 0.9], ['Deinonychus (terrible claw)', 2.7], ['Diplodocus (double beam)', 27.1], ['Dromicelomimus (emu mimic)', 3.4], ['Gallimimus (fowl mimic)', 5.5], ['Mamenchisaurus (Mamenchi lizard)', 21.0], ['Megalosaurus (big lizard)', 7.9], ['Microvenator (small hunter)', 1.2], ['Ornithomimus (bird mimic)', 4.6], ['Oviraptor (egg robber)', 1.5], ['Plateosaurus (flat lizard)', 7.9], ['Sauronithoides (narrow-clawed lizard)', 2.0], ['Seismosaurus (tremor lizard)', 45.7], ['Spinosaurus (spiny lizard)', 12.2], ['Supersaurus (super lizard)', 30.5], ['Tyrannosaurus (tyrant lizard)', 15.2], ['Ultrasaurus (ultra lizard)', 30.5], ['Velociraptor (swift robber)', 1.8]]); var options = { title: 'Lengths of dinosaurs, in meters', legend: { position: 'none' }, }; var chart = new google.visualization.Histogram(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> </body> </html>
লেবেলগুলি (এখানে, ডাইনোসরের নামগুলি) বাদ দেওয়া যেতে পারে, এই ক্ষেত্রে টুলটিপগুলি শুধুমাত্র সংখ্যাসূচক মান দেখাবে৷
রং নিয়ন্ত্রণ
এখানে জাতীয় জনসংখ্যার একটি হিস্টোগ্রাম রয়েছে:
দুই শতাধিক দেশ আছে যাদের জনসংখ্যা একশো মিলিয়নেরও কম, এবং এর পরে একটি গুরুতর লেজ বন্ধ।
এই হিস্টোগ্রামটি সবুজ রঙে ডেটা আঁকতে colors
বিকল্প ব্যবহার করে:
var options = { title: 'Country Populations', legend: { position: 'none' }, colors: ['green'], };
সমস্ত Google চার্টের মতো, রঙগুলি ইংরেজি নাম বা হেক্স মান হিসাবে নির্দিষ্ট করা যেতে পারে।
বালতি নিয়ন্ত্রণ
ডিফল্টরূপে, হিস্টোগ্রামের জন্য একটি সুপরিচিত অ্যালগরিদম ব্যবহার করে Google চার্ট স্বয়ংক্রিয়ভাবে বালতির আকার নির্বাচন করবে। যাইহোক, কখনও কখনও আপনি এটিকে ওভাররাইড করতে চান এবং উপরের চার্টটি একটি উদাহরণ। প্রথম বালতিতে অনেক দেশ আছে, অন্যদের মধ্যে সেগুলি পরীক্ষা করা কঠিন।
এই ধরনের পরিস্থিতির জন্য, হিস্টোগ্রাম চার্ট দুটি বিকল্প প্রদান করে: histogram.bucketSize
, যা অ্যালগরিদমকে ওভাররাইড করে এবং বালতির আকারকে হার্ডকোড করে; এবং histogram.lastBucketPercentile
. দ্বিতীয় বিকল্পটির আরও ব্যাখ্যা প্রয়োজন: এটি আপনার নির্দিষ্ট শতাংশ দ্বারা অবশিষ্ট মানগুলির চেয়ে বেশি বা কম মানগুলি উপেক্ষা করতে বালতির আকারের গণনা পরিবর্তন করে৷ মানগুলি এখনও হিস্টোগ্রামে অন্তর্ভুক্ত করা হয়েছে, তবে সেগুলি কীভাবে বাকেট করা হয়েছে তা প্রভাবিত করে না। এটি কার্যকর যখন আপনি চান না যে বহিরাগতরা তাদের নিজস্ব বালতিতে নামুক; তারা পরিবর্তে প্রথম বা শেষ buckets সঙ্গে গোষ্ঠীভুক্ত করা হবে.
উপরের চার্টে, বালতির আকার গণনা করার সময় আমরা উপরের পাঁচটি এবং নীচের পাঁচ শতাংশ মান উপেক্ষা করেছি। মান এখনও চার্ট করা হয়; শুধুমাত্র যে জিনিসটি পরিবর্তিত হয়েছে তা হল বালতির আকার, তবে এটি আরও পাঠযোগ্য হিস্টোগ্রাম তৈরি করে।
এই উদাহরণটি আরও দেখায় যে কীভাবে আমরা "মিরর লগ" স্কেল ব্যবহার করতে উল্লম্ব অক্ষের স্কেল পরিবর্তন করতে পারি, যা ছোট মানের দীর্ঘ লেজযুক্ত ডেটা চার্ট করার সময়ও সহায়তা করে।
var options = { title: 'Country Populations', legend: { position: 'none' }, colors: ['#e7711c'], histogram: { lastBucketPercentile: 5 }, vAxis: { scaleType: 'mirrorLog' } };
আপনি দেখতে পাচ্ছেন, গণনা থেকে উপরের এবং নীচের পাঁচ শতাংশ সরানোর ফলে 100,000,000 এর পরিবর্তে 10,000,000 বালতির আকার হয়েছে, অন্যথায় এটি হত। আপনি যদি জানতেন যে 10,000,000 একটি বালতির আকার আপনি যা চান, আপনি এটি করতে histogram.bucketSize
ব্যবহার করতে পারতেন:
var options = { title: 'Country Populations', legend: { position: 'none' }, colors: ['#e7711c'], histogram: { bucketSize: 10000000 } };
নিম্নলিখিত উদাহরণে, আমরা দেখাই কিভাবে বালতিগুলির পরিসর প্রসারিত করা যায় এবং তাদের মধ্যে কোনও ফাঁক ছাড়াই আরও অনেকগুলি বালতি প্রদর্শন করা যায়। maxNumBuckets
বিকল্পটি বাকেটের ডিফল্ট সংখ্যা বাড়ানোর জন্য ব্যবহার করা যেতে পারে। histogram.minValue
এবং histogram.maxValue
বিকল্পগুলি বালতিগুলির পরিসরকে প্রসারিত করবে, তবে মনে রাখবেন যে যদি এই পরিসরের বাইরে ডেটা থাকে তবে এই বিকল্পগুলি পরিসরকে সঙ্কুচিত করবে না৷
এই উদাহরণটি আরও দেখায় যে আপনি hAxis-এর জন্য সুস্পষ্ট ticks
বিকল্প ব্যবহার করে প্রতিটি বালতির জন্য প্রদর্শনের জন্য hAxis
নির্দিষ্ট করতে পারেন। এটি বালতিগুলিকে প্রভাবিত করে না, তবে কেবল কীভাবে টিকগুলি প্রদর্শিত হয়।
এছাড়াও মনে রাখবেন যে আমরা chartArea.width
নির্দিষ্ট করি যাতে বালতির সংখ্যা ভিজ্যুয়াল আর্টিফ্যাক্ট ছাড়াই আরও সুনির্দিষ্টভাবে ফিট হবে। এখানে এই উদাহরণের জন্য বিকল্প আছে.
var options = { title: 'Approximating Normal Distribution', legend: { position: 'none' }, colors: ['#4285F4'], chartArea: { width: 405 }, hAxis: { ticks: [-1, -0.75, -0.5, -0.25, 0, 0.25, 0.5, 0.75, 1] }, bar: { gap: 0 }, histogram: { bucketSize: 0.01, maxNumBuckets: 400, minValue: -1, maxValue: 1 } };
একাধিক সিরিজ
স্ট্যান্ডার্ড মডেল অনুসারে এখানে সাবঅ্যাটমিক কণার চার্জের একটি হিস্টোগ্রাম রয়েছে:
উপরের চার্টে একটি সিরিজ রয়েছে যেখানে সমস্ত কণা রয়েছে। সাবটমিক কণাকে চারটি গ্রুপে ভাগ করা যায়: কোয়ার্ক, লেপটন এবং বোসন। আসুন প্রতিটিকে তার নিজস্ব সিরিজ হিসাবে বিবেচনা করুন:
এই চার্টে, আমরা চার ধরনের সাবঅ্যাটমিক কণার প্রতিটির জন্য একটি ভিন্ন সিরিজ (এবং তাই রঙ) ব্যবহার করি। আমরা সুস্পষ্টভাবে interpolateNulls
কে false
সেট করেছি যাতে নাল মানগুলি (প্রয়োজনীয় কারণ সিরিজটি অসম দৈর্ঘ্যের) প্লট করা হয় না। আমরা কিংবদন্তিতে আরেকটি লাইন যোগ করতে legend.maxLines
সেট করেছি:
var data = google.visualization.arrayToDataTable([ ['Quarks', 'Leptons', 'Gauge Bosons', 'Scalar Bosons'], [2/3, -1, 0, 0], [2/3, -1, 0, null], [2/3, -1, 0, null], [-1/3, 0, 1, null], [-1/3, 0, -1, null], [-1/3, 0, null, null], [-1/3, 0, null, null] ]); var options = { title: 'Charges of subatomic particles', legend: { position: 'top', maxLines: 2 }, colors: ['#5C3292', '#1A8763', '#871B47', '#999999'], interpolateNulls: false, };
লোড হচ্ছে
google.charts.load
প্যাকেজের নাম "corechart"
।
google.charts.load("current", {packages: ["corechart"]});
ভিজ্যুয়ালাইজেশনের ক্লাসের নাম হল google.visualization.Histogram
:
var visualization = new google.visualization.Histogram(container);
উপাত্ত বিন্যাস
একটি হিস্টোগ্রাম ডেটাটেবল তৈরি করার দুটি উপায় রয়েছে। যখন শুধুমাত্র একটি সিরিজ থাকে:
var data = google.visualization.arrayToDataTable([ ['Name', 'Number'], ['Name 1', number1], ['Name 2', number2], ['Name 3', number3], ... ]);
...এবং যখন একাধিক সিরিজ থাকে:
var data = google.visualization.arrayToDataTable([ ['Series Name 1', 'Series Name 2', 'Series Name 3', ...], [series1_number1, series2_number1, series3_number1, ...], [series1_number2, series2_number2, series3_number2, ...], [series1_number3, series2_number3, series3_number3, ...], ... ]);
কোনো ঐচ্ছিক কলাম ভূমিকা এই মুহূর্তে হিস্টোগ্রামের জন্য সমর্থিত নয়।
কনফিগারেশন অপশন
নাম | |
---|---|
animation.duration | অ্যানিমেশনের সময়কাল, মিলিসেকেন্ডে। বিস্তারিত জানার জন্য, অ্যানিমেশন ডকুমেন্টেশন দেখুন। প্রকার: সংখ্যা ডিফল্ট: 0 |
animation.easing | অ্যানিমেশনে প্রয়োগ করা ইজিং ফাংশন। নিম্নলিখিত বিকল্পগুলি উপলব্ধ:
প্রকার: স্ট্রিং ডিফল্ট: 'লিনিয়ার' |
animation.startup | প্রাথমিক ড্রতে চার্ট অ্যানিমেট হবে কিনা তা নির্ধারণ করে। প্রকার: বুলিয়ান ডিফল্ট মিথ্যা |
axisTitlesPosition | চার্ট এলাকার তুলনায় কোথায় অক্ষ শিরোনাম স্থাপন করতে হবে। সমর্থিত মান:
প্রকার: স্ট্রিং ডিফল্ট: 'আউট' |
পেছনের রং | চার্টের প্রধান এলাকার জন্য পটভূমির রঙ। একটি সাধারণ HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: প্রকার: স্ট্রিং বা বস্তু ডিফল্ট: 'সাদা' |
backgroundColor.stroke | চার্ট সীমানার রঙ, একটি HTML রঙের স্ট্রিং হিসাবে। প্রকার: স্ট্রিং ডিফল্ট: '#666' |
backgroundColor.strokeWidth | সীমানার প্রস্থ, পিক্সেলে। প্রকার: সংখ্যা ডিফল্ট: 0 |
backgroundColor.fill | চার্ট ফিল কালার, একটি HTML কালার স্ট্রিং হিসেবে। প্রকার: স্ট্রিং ডিফল্ট: 'সাদা' |
bar.groupwidth | এই ফর্ম্যাটে যেকোন একটিতে নির্দিষ্ট করা বারগুলির একটি গ্রুপের প্রস্থ:
প্রকার: সংখ্যা বা স্ট্রিং ডিফল্ট: গোল্ডেন রেশিও , প্রায় '61.8%'। |
চার্ট এরিয়া | চার্ট এলাকার অবস্থান এবং আকার কনফিগার করার জন্য সদস্যদের সাথে একটি বস্তু (যেখানে অক্ষ এবং কিংবদন্তি বাদ দিয়ে চার্ট নিজেই আঁকা হয়)। দুটি বিন্যাস সমর্থিত: একটি সংখ্যা, বা একটি সংখ্যা অনুসরণ করে %৷ একটি সাধারণ সংখ্যা পিক্সেলের একটি মান; % দ্বারা অনুসরণ করা একটি সংখ্যা একটি শতাংশ। উদাহরণ: প্রকার: বস্তু ডিফল্ট: নাল |
chartArea.backgroundColor | চার্ট এলাকার পটভূমির রঙ। যখন একটি স্ট্রিং ব্যবহার করা হয়, এটি হয় একটি হেক্স স্ট্রিং (যেমন, '#fdc') বা একটি ইংরেজি রঙের নাম হতে পারে। যখন একটি বস্তু ব্যবহার করা হয়, নিম্নলিখিত বৈশিষ্ট্য প্রদান করা যেতে পারে:
প্রকার: স্ট্রিং বা বস্তু ডিফল্ট: 'সাদা' |
chartArea.left | বাম সীমানা থেকে চার্টটি কতদূর আঁকতে হবে। প্রকার: সংখ্যা বা স্ট্রিং ডিফল্ট: স্বয়ংক্রিয় |
chartArea.top | উপরের বর্ডার থেকে চার্টটি কতদূর আঁকতে হবে। প্রকার: সংখ্যা বা স্ট্রিং ডিফল্ট: স্বয়ংক্রিয় |
chartArea.width | চার্ট এলাকা প্রস্থ. প্রকার: সংখ্যা বা স্ট্রিং ডিফল্ট: স্বয়ংক্রিয় |
chartArea.height | চার্ট এলাকার উচ্চতা। প্রকার: সংখ্যা বা স্ট্রিং ডিফল্ট: স্বয়ংক্রিয় |
রং | চার্ট উপাদানের জন্য ব্যবহার করা রং. স্ট্রিংগুলির একটি অ্যারে, যেখানে প্রতিটি উপাদান একটি HTML রঙের স্ট্রিং, উদাহরণস্বরূপ: প্রকার: স্ট্রিং এর অ্যারে ডিফল্ট: ডিফল্ট রং |
ডেটা অপাসিটি | ডেটা পয়েন্টের স্বচ্ছতা, 1.0 সম্পূর্ণ অস্বচ্ছ এবং 0.0 সম্পূর্ণ স্বচ্ছ। স্ক্যাটার, হিস্টোগ্রাম, বার এবং কলাম চার্টে, এটি দৃশ্যমান ডেটা বোঝায়: স্ক্যাটার চার্টে বিন্দু এবং অন্যগুলিতে আয়তক্ষেত্র। চার্টে যেখানে ডেটা নির্বাচন করা একটি বিন্দু তৈরি করে, যেমন লাইন এবং এলাকা চার্ট, এটি হোভার বা নির্বাচনের সময় প্রদর্শিত বৃত্তগুলিকে বোঝায়। কম্বো চার্ট উভয় আচরণই প্রদর্শন করে এবং এই বিকল্পটি অন্যান্য চার্টের উপর কোন প্রভাব ফেলে না। (একটি ট্রেন্ডলাইনের অস্বচ্ছতা পরিবর্তন করতে, ট্রেন্ডলাইনের অস্বচ্ছতা দেখুন।) প্রকার: সংখ্যা ডিফল্ট: 1.0 |
ইন্টারঅ্যাক্টিভিটি সক্ষম করুন | চার্ট ব্যবহারকারী-ভিত্তিক ইভেন্টগুলি ছুঁড়েছে বা ব্যবহারকারীর মিথস্ক্রিয়ায় প্রতিক্রিয়া দেখায় কিনা। মিথ্যা হলে, চার্ট 'নির্বাচন' বা অন্যান্য মিথস্ক্রিয়া-ভিত্তিক ইভেন্টগুলি নিক্ষেপ করবে না (কিন্তু প্রস্তুত বা ত্রুটি ইভেন্টগুলি নিক্ষেপ করবে ), এবং ব্যবহারকারীর ইনপুটের উপর নির্ভর করে হোভারটেক্সট প্রদর্শন করবে না বা অন্যথায় পরিবর্তন করবে না। প্রকার: বুলিয়ান ডিফল্ট: সত্য |
ফোকাস টার্গেট | সত্তার ধরন যা মাউস হোভারে ফোকাস গ্রহণ করে। মাউস ক্লিক দ্বারা কোন সত্তা নির্বাচন করা হয়েছে এবং কোন ডেটা টেবিল উপাদান ইভেন্টের সাথে যুক্ত তাও প্রভাবিত করে। নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:
ফোকাস টার্গেট 'বিভাগে' টুলটিপ সমস্ত বিভাগের মান প্রদর্শন করে। এটি বিভিন্ন সিরিজের মান তুলনা করার জন্য দরকারী হতে পারে। প্রকার: স্ট্রিং ডিফল্ট: 'ডেটাম' |
অক্ষরের আকার | চার্টের সমস্ত পাঠ্যের ডিফল্ট ফন্টের আকার, পিক্সেলে। আপনি নির্দিষ্ট চার্ট উপাদানগুলির জন্য বৈশিষ্ট্য ব্যবহার করে এটি ওভাররাইড করতে পারেন। প্রকার: সংখ্যা ডিফল্ট: স্বয়ংক্রিয় |
ফন্টের নাম | চার্টের সমস্ত পাঠ্যের জন্য ডিফল্ট ফন্ট ফেস। আপনি নির্দিষ্ট চার্ট উপাদানগুলির জন্য বৈশিষ্ট্য ব্যবহার করে এটি ওভাররাইড করতে পারেন। প্রকার: স্ট্রিং ডিফল্ট: 'Arial' |
forceIFrame | একটি ইনলাইন ফ্রেমের ভিতরে চার্ট আঁকে। (উল্লেখ্য যে IE8 এ, এই বিকল্পটি উপেক্ষা করা হয়েছে; সমস্ত IE8 চার্ট আই-ফ্রেমে আঁকা হয়েছে।) প্রকার: বুলিয়ান ডিফল্ট: মিথ্যা |
হ্যাক্সিস | বিভিন্ন অনুভূমিক অক্ষ উপাদান কনফিগার করার জন্য সদস্য সহ একটি বস্তু। এই বস্তুর বৈশিষ্ট্য নির্দিষ্ট করতে, আপনি অবজেক্ট আক্ষরিক স্বরলিপি ব্যবহার করতে পারেন, যেমনটি এখানে দেখানো হয়েছে: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } প্রকার: বস্তু ডিফল্ট: নাল |
hAxis.gridlines | অনুভূমিক অক্ষের গ্রিডলাইনগুলি কনফিগার করার জন্য বৈশিষ্ট্য সহ একটি বস্তু৷ লক্ষ্য করুন যে অনুভূমিক অক্ষ গ্রিডলাইনগুলি উল্লম্বভাবে আঁকা হয়। এই বস্তুর বৈশিষ্ট্য নির্দিষ্ট করতে, আপনি অবজেক্ট আক্ষরিক স্বরলিপি ব্যবহার করতে পারেন, যেমনটি এখানে দেখানো হয়েছে: {color: '#333', minSpacing: 20} প্রকার: বস্তু ডিফল্ট: নাল |
hAxis.gridlines.color | চার্ট এলাকার ভিতরে অনুভূমিক গ্রিডলাইনের রঙ। একটি বৈধ HTML রঙের স্ট্রিং নির্দিষ্ট করুন। প্রকার: স্ট্রিং ডিফল্ট: '#CCC' |
hAxis.gridlines.count | চার্ট এলাকার ভিতরে অনুভূমিক গ্রিডলাইনের আনুমানিক সংখ্যা। আপনি gridlines.count এর জন্য একটি ধনাত্মক সংখ্যা উল্লেখ করলে, এটি প্রকার: সংখ্যা ডিফল্ট: -1 |
hAxis.gridlines.interval | সংলগ্ন গ্রিডলাইনগুলির মধ্যে আকারের একটি বিন্যাস (ডাটা মান হিসাবে, পিক্সেল নয়)। এই বিকল্পটি এই সময়ে শুধুমাত্র সাংখ্যিক অক্ষের জন্য, কিন্তু এটি প্রকার: 1 এবং 10 এর মধ্যে সংখ্যা, 10 সহ নয়। ডিফল্ট: গণনা করা |
hAxis.gridlines.minSpacing | হ্যাক্সিস প্রধান গ্রিডলাইনের মধ্যে ন্যূনতম স্ক্রীন স্পেস, পিক্সেলে। প্রধান গ্রিডলাইনগুলির জন্য ডিফল্ট হল লিনিয়ার স্কেলের জন্য প্রকার: সংখ্যা ডিফল্ট: গণনা করা |
hAxis.gridlines.multiple | সমস্ত গ্রিডলাইন এবং টিক মান এই বিকল্পের মানের একাধিক হতে হবে। মনে রাখবেন, ব্যবধানের বিপরীতে, গুণের 10 গুণের ক্ষমতা বিবেচনা করা হয় না। সুতরাং আপনি প্রকার: সংখ্যা ডিফল্ট: 1 |
hAxis.gridlines.units | চার্ট কম্পিউটেড গ্রিডলাইনগুলির সাথে ব্যবহার করার সময় তারিখ/তারিখ সময়/টাইমঅফডে ডেটা প্রকারের বিভিন্ন দিকগুলির জন্য ডিফল্ট ফর্ম্যাটকে ওভাররাইড করে৷ বছর, মাস, দিন, ঘন্টা, মিনিট, সেকেন্ড এবং মিলিসেকেন্ডের জন্য বিন্যাস করার অনুমতি দেয়। সাধারণ বিন্যাস হল: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]} hours: {format: [/*format strings here*/]} minutes: {format: [/*format strings here*/]} seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]}, } } অতিরিক্ত তথ্য তারিখ এবং সময় পাওয়া যাবে. প্রকার: বস্তু ডিফল্ট: নাল |
hAxis.minorGridlines | hAxis.gridlines বিকল্পের অনুরূপ অনুভূমিক অক্ষের ছোট গ্রিডলাইনগুলি কনফিগার করার জন্য সদস্যদের সাথে একটি বস্তু৷ প্রকার: বস্তু ডিফল্ট: নাল |
hAxis.minorGridlines.color | লেখচিত্র এলাকার ভিতরে অনুভূমিক ক্ষুদ্র গ্রিডলাইনের রঙ। একটি বৈধ HTML রঙের স্ট্রিং নির্দিষ্ট করুন। প্রকার: স্ট্রিং ডিফল্ট: গ্রিডলাইন এবং পটভূমির রঙের মিশ্রণ |
hAxis.minorGridlines.count | প্রকার: সংখ্যা ডিফল্ট: 1 |
hAxis.minorGridlines.interval | minorGridlines.interval বিকল্পটি প্রধান গ্রিডলাইন ব্যবধান বিকল্পের মতো, তবে যে ব্যবধানটি বেছে নেওয়া হয়েছে তা সর্বদা প্রধান গ্রিডলাইন ব্যবধানের একটি সমান ভাজক হবে। রৈখিক স্কেলগুলির জন্য ডিফল্ট ব্যবধান হল প্রকার: সংখ্যা ডিফল্ট: 1 |
hAxis.minorGridlines.minSpacing | ন্যূনতম প্রয়োজনীয় স্থান, পিক্সেলে, সংলগ্ন ছোট গ্রিডলাইনের মধ্যে এবং ছোট এবং বড় গ্রিডলাইনের মধ্যে। ডিফল্ট মান হল লিনিয়ার স্কেলের জন্য প্রধান গ্রিডলাইনের 1/2 মিনিট স্পেসিং এবং লগ স্কেলের জন্য 1/5 মিনিট স্পেসিং৷ প্রকার: সংখ্যা ডিফল্ট: গণনা করা |
hAxis.minorGridlines.multiple | প্রধান প্রকার: সংখ্যা ডিফল্ট: 1 |
hAxis.minorGridlines.units | চার্ট কম্পিউটেড মাইনরগ্রিডলাইনগুলির সাথে ব্যবহার করার সময় তারিখ/তারিখের সময়/সময়ের দিনের ডেটা প্রকারের বিভিন্ন দিকগুলির জন্য ডিফল্ট ফর্ম্যাটকে ওভাররাইড করে৷ বছর, মাস, দিন, ঘন্টা, মিনিট, সেকেন্ড এবং মিলিসেকেন্ডের জন্য বিন্যাস করার অনুমতি দেয়। সাধারণ বিন্যাস হল: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]} hours: {format: [/*format strings here*/]} minutes: {format: [/*format strings here*/]} seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]}, } } অতিরিক্ত তথ্য তারিখ এবং সময় পাওয়া যাবে. প্রকার: বস্তু ডিফল্ট: নাল |
hAxis.textPosition | লেখচিত্র এলাকার সাপেক্ষে অনুভূমিক অক্ষ পাঠের অবস্থান। সমর্থিত মান: 'আউট', 'ইন', 'কোনটি নয়'। প্রকার: স্ট্রিং ডিফল্ট: 'আউট' |
hAxis.textStyle | একটি বস্তু যা অনুভূমিক অক্ষ পাঠের শৈলী নির্দিষ্ট করে। বস্তুর এই বিন্যাস আছে: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } প্রকার: বস্তু ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | প্রকার: স্ট্রিং ডিফল্ট: নাল |
hAxis.titleTextStyle | একটি বস্তু যা অনুভূমিক অক্ষ শিরোনাম পাঠ শৈলী নির্দিষ্ট করে। বস্তুর এই বিন্যাস আছে: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } প্রকার: বস্তু ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.allowContainerBoundaryTextCutoff | মিথ্যা হলে, চার্ট ধারক দ্বারা ক্রপ করার অনুমতি না দিয়ে বাইরেরতম লেবেলগুলিকে লুকিয়ে রাখবে৷ সত্য হলে, লেবেল ক্রপ করার অনুমতি দেবে। প্রকার: বুলিয়ান ডিফল্ট: মিথ্যা |
hAxis.slantedText | সত্য হলে, একটি কোণে অনুভূমিক অক্ষের পাঠ্য আঁকুন, অক্ষ বরাবর আরও পাঠ্য ফিট করতে সাহায্য করতে; মিথ্যা হলে, অনুভূমিক অক্ষের টেক্সট সোজা আঁকুন। ডিফল্ট আচরণ হল টেক্সটকে তির্যক করা যদি এটি সোজা আঁকার সময় সব ফিট না হয়। লক্ষ্য করুন যে এই বিকল্পটি তখনই পাওয়া যায় যখন প্রকার: বুলিয়ান ডিফল্ট: স্বয়ংক্রিয় |
hAxis.slantedTextAngle | অনুভূমিক অক্ষ পাঠের কোণ, যদি এটি তির্যকভাবে আঁকা হয়। প্রকার: সংখ্যা, -90-90 ডিফল্ট: 30 |
hAxis.max Alternation | অনুভূমিক অক্ষ পাঠের সর্বোচ্চ সংখ্যক স্তর। যদি অক্ষ টেক্সট লেবেলগুলি খুব বেশি জমজমাট হয়ে যায়, তাহলে সার্ভারটি পার্শ্ববর্তী লেবেলগুলিকে উপরে বা নীচে স্থানান্তরিত করতে পারে যাতে লেবেলগুলিকে কাছাকাছি ফিট করা যায়৷ এই মানটি ব্যবহার করার জন্য সর্বাধিক সংখ্যক স্তর নির্দিষ্ট করে; সার্ভার কম মাত্রা ব্যবহার করতে পারে, যদি লেবেল ওভারল্যাপিং ছাড়াই ফিট হতে পারে। তারিখ এবং সময়ের জন্য, ডিফল্ট হল 1। প্রকার: সংখ্যা ডিফল্ট: 2 |
hAxis.maxTextLines | পাঠ্য লেবেলগুলির জন্য সর্বাধিক সংখ্যক লাইন অনুমোদিত৷ লেবেলগুলি অনেক লম্বা হলে একাধিক লাইন বিস্তৃত করতে পারে, এবং লাইনের সংখ্যা, ডিফল্টরূপে, উপলব্ধ স্থানের উচ্চতা দ্বারা সীমিত। প্রকার: সংখ্যা ডিফল্ট: স্বয়ংক্রিয় |
hAxis.minTextSpacing | ন্যূনতম অনুভূমিক ব্যবধান, পিক্সেলে, দুটি সংলগ্ন পাঠ্য লেবেলের মধ্যে অনুমোদিত৷ যদি লেবেলগুলি খুব ঘনভাবে ফাঁক করা হয়, বা সেগুলি খুব দীর্ঘ হয়, তাহলে ব্যবধান এই থ্রেশহোল্ডের নীচে নেমে যেতে পারে এবং এই ক্ষেত্রে একটি লেবেল-আনক্লাটার ব্যবস্থা প্রয়োগ করা হবে (যেমন, লেবেলগুলিকে ছাঁটাই করা বা তাদের কিছু বাদ দেওয়া)। প্রকার: সংখ্যা ডিফল্ট: hAxis.textStyle.fontSize এর মান |
hAxis.showTextEvery | কয়টি অনুভূমিক অক্ষের লেবেল দেখাতে হবে, যেখানে 1 মানে প্রতিটি লেবেল দেখান, 2 মানে প্রত্যেকটি লেবেল দেখান ইত্যাদি। ডিফল্ট হল ওভারল্যাপ না করে যতটা সম্ভব লেবেল দেখানোর চেষ্টা করা। প্রকার: সংখ্যা ডিফল্ট: স্বয়ংক্রিয় |
hAxis.viewWindowMode | লেখচিত্র এলাকার মধ্যে মান রেন্ডার করতে অনুভূমিক অক্ষ স্কেল কিভাবে নির্দিষ্ট করে। নিম্নলিখিত স্ট্রিং মান সমর্থিত:
প্রকার: স্ট্রিং ডিফল্ট: 'সুন্দর'-এর সমতুল্য, কিন্তু ব্যবহার করা হলে haxis.viewWindow.min এবং haxis.viewWindow.max অগ্রাধিকার পাবে। |
hAxis.viewWindow | অনুভূমিক অক্ষের ক্রপিং পরিসীমা নির্দিষ্ট করে। প্রকার: বস্তু ডিফল্ট: নাল |
hAxis.viewWindow.max | শূন্য-ভিত্তিক সারি সূচক যেখানে ক্রপিং উইন্ডো শেষ হয়। এই সূচক এবং উচ্চতর ডেটা পয়েন্টগুলি কেটে ফেলা হবে৷ যখন প্রকার: সংখ্যা ডিফল্ট: স্বয়ংক্রিয় |
hAxis.viewWindow.min | শূন্য-ভিত্তিক সারি সূচক যেখানে ক্রপিং উইন্ডো শুরু হয়। এর চেয়ে কম সূচকে ডেটা পয়েন্টগুলি কেটে ফেলা হবে। যখন প্রকার: সংখ্যা ডিফল্ট: স্বয়ংক্রিয় |
histogram.bucketSize | প্রতিটি হিস্টোগ্রাম বারের আকারকে অ্যালগরিদমিকভাবে নির্ধারণ করার পরিবর্তে হার্ডকোড করুন। প্রকার: সংখ্যা ডিফল্ট: স্বয়ংক্রিয় |
histogram.hideBucketItems | হিস্টোগ্রামের ব্লকগুলির মধ্যে পাতলা বিভাজন বাদ দিন, এটিকে শক্ত বারগুলির একটি সিরিজে পরিণত করুন। প্রকার: বুলিয়ান ডিফল্ট: মিথ্যা |
histogram.lastBucketPercentile | হিস্টোগ্রামের বালতির আকার গণনা করার সময়, উপরের এবং নীচের শেষ প্রকার: সংখ্যা ডিফল্ট: 0 |
histogram.minValue | এই মান অন্তর্ভুক্ত করতে বালতি পরিসীমা প্রসারিত করুন। প্রকার: সংখ্যা ডিফল্ট: স্বয়ংক্রিয় - ব্যবহার ডেটা মিন |
histogram.maxValue | এই মান অন্তর্ভুক্ত করতে বালতি পরিসীমা প্রসারিত করুন। প্রকার: সংখ্যা ডিফল্ট: স্বয়ংক্রিয় - সর্বোচ্চ ডেটা ব্যবহার করুন |
histogram.numBucketsRule | বালতিগুলির ডিফল্ট সংখ্যা কীভাবে গণনা করা যায়। সম্ভাব্য মান হল:
প্রকার: স্ট্রিং ডিফল্ট: 'sqrt' |
উচ্চতা | চার্টের উচ্চতা, পিক্সেলে। প্রকার: সংখ্যা ডিফল্ট: ধারণকারী উপাদানের উচ্চতা |
interpolateNulls | অনুপস্থিত পয়েন্টের মান অনুমান করতে হবে কিনা। সত্য হলে, এটি প্রতিবেশী বিন্দুর উপর ভিত্তি করে কোনো অনুপস্থিত ডেটার মান অনুমান করবে। মিথ্যা হলে, এটি অজানা বিন্দুতে লাইনে বিরতি দেবে। এটি প্রকার: বুলিয়ান ডিফল্ট: মিথ্যা |
স্ট্যাক করা | সত্য হিসাবে সেট করা হলে, প্রতিটি ডোমেন মানতে সমস্ত সিরিজের উপাদানগুলিকে স্ট্যাক করে। দ্রষ্টব্য: কলাম , এলাকা , এবং স্টেপডএরিয়া চার্টে, Google চার্টগুলি সিরিজের উপাদানগুলির স্ট্যাকিংয়ের সাথে আরও ভালভাবে মিলিত হওয়ার জন্য কিংবদন্তি আইটেমগুলির ক্রমকে বিপরীত করে (যেমন সিরিজ 0 হবে সবচেয়ে নীচের কিংবদন্তি আইটেম)। এটি বার চার্টের ক্ষেত্রে প্রযোজ্য নয় ।
100% স্ট্যাকিংয়ের জন্য, প্রতিটি উপাদানের জন্য গণনা করা মান তার প্রকৃত মানের পরে টুলটিপে প্রদর্শিত হবে। 100% স্ট্যাকিং শুধুমাত্র টাইপ প্রকার: বুলিয়ান/স্ট্রিং ডিফল্ট: মিথ্যা |
কিংবদন্তি | কিংবদন্তির বিভিন্ন দিক কনফিগার করার জন্য সদস্যদের সাথে একটি বস্তু। এই বস্তুর বৈশিষ্ট্য নির্দিষ্ট করতে, আপনি অবজেক্ট আক্ষরিক স্বরলিপি ব্যবহার করতে পারেন, যেমনটি এখানে দেখানো হয়েছে: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} প্রকার: বস্তু ডিফল্ট: নাল |
legend.alignment | কিংবদন্তির প্রান্তিককরণ। নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:
শুরু, কেন্দ্র এবং শেষ কিংবদন্তির শৈলী -- উল্লম্ব বা অনুভূমিক -- আপেক্ষিক। উদাহরণস্বরূপ, একটি 'ডান' কিংবদন্তিতে, 'শুরু' এবং 'শেষ' যথাক্রমে উপরে এবং নীচে থাকে; একটি 'শীর্ষ' কিংবদন্তির জন্য, 'শুরু' এবং 'শেষ' যথাক্রমে এলাকার বাম এবং ডানদিকে হবে। ডিফল্ট মান কিংবদন্তির অবস্থানের উপর নির্ভর করে। 'নিচে' কিংবদন্তির জন্য, ডিফল্ট হল 'কেন্দ্র'; অন্যান্য কিংবদন্তি ডিফল্ট 'শুরু'। প্রকার: স্ট্রিং ডিফল্ট: স্বয়ংক্রিয় |
legend.maxLines | লিজেন্ডে সর্বাধিক সংখ্যক লাইন। আপনার কিংবদন্তিতে লাইন যোগ করতে এটিকে একের বেশি সংখ্যায় সেট করুন। দ্রষ্টব্য: রেন্ডার করা লাইনের প্রকৃত সংখ্যা নির্ধারণ করতে ব্যবহৃত সঠিক যুক্তিটি এখনও প্রবাহিত। এই বিকল্পটি বর্তমানে শুধুমাত্র তখনই কাজ করে যখন legend.position 'শীর্ষ' হয়। প্রকার: সংখ্যা ডিফল্ট: 1 |
legend.pageIndex | কিংবদন্তির প্রাথমিক নির্বাচিত শূন্য-ভিত্তিক পৃষ্ঠা সূচী। প্রকার: সংখ্যা ডিফল্ট: 0 |
legend.position | কিংবদন্তির অবস্থান। নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:
প্রকার: স্ট্রিং ডিফল্ট: 'ডান' |
legend.textStyle | একটি বস্তু যা কিংবদন্তি পাঠ্য শৈলী নির্দিষ্ট করে। বস্তুর এই বিন্যাস আছে: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } প্রকার: বস্তু ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
অভিযোজন | চার্টের অভিযোজন। প্রকার: স্ট্রিং ডিফল্ট: 'অনুভূমিক' |
বিপরীত বিভাগ | সত্যে সেট করা হলে, ডান থেকে বামে সিরিজ আঁকা হবে। ডিফল্ট হল বাম থেকে ডানে আঁকা। প্রকার: বুলিয়ান ডিফল্ট: মিথ্যা |
সিরিজ | অবজেক্টের একটি অ্যারে, প্রতিটি চার্টে সংশ্লিষ্ট সিরিজের বিন্যাস বর্ণনা করে। একটি সিরিজের জন্য ডিফল্ট মান ব্যবহার করতে, একটি খালি বস্তু {} নির্দিষ্ট করুন৷ যদি একটি সিরিজ বা একটি মান নির্দিষ্ট করা না থাকে, তাহলে বিশ্বব্যাপী মান ব্যবহার করা হবে। প্রতিটি বস্তু নিম্নলিখিত বৈশিষ্ট্য সমর্থন করে:
আপনি অবজেক্টের একটি অ্যারে নির্দিষ্ট করতে পারেন, যার প্রতিটি প্রদত্ত ক্রম অনুসারে সিরিজে প্রযোজ্য, অথবা আপনি এমন একটি বস্তু নির্দিষ্ট করতে পারেন যেখানে প্রতিটি শিশুর একটি সংখ্যাসূচক কী রয়েছে যা নির্দেশ করে যে এটি কোন সিরিজে প্রযোজ্য। উদাহরণস্বরূপ, নিম্নলিখিত দুটি ঘোষণা অভিন্ন, এবং প্রথম সিরিজটিকে কালো এবং কিংবদন্তি থেকে অনুপস্থিত হিসাবে ঘোষণা করে এবং চতুর্থটি কিংবদন্তি থেকে লাল এবং অনুপস্থিত হিসাবে ঘোষণা করে: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } প্রকার: অবজেক্টের অ্যারে, বা নেস্টেড অবজেক্ট সহ অবজেক্ট ডিফল্ট: {} |
থিম | একটি থিম হল পূর্বনির্ধারিত বিকল্প মানগুলির একটি সেট যা একটি নির্দিষ্ট চার্ট আচরণ বা ভিজ্যুয়াল প্রভাব অর্জন করতে একসাথে কাজ করে। বর্তমানে শুধুমাত্র একটি থিম উপলব্ধ:
প্রকার: স্ট্রিং ডিফল্ট: নাল |
শিরোনাম | চার্টের উপরে দেখানোর জন্য পাঠ্য। প্রকার: স্ট্রিং ডিফল্ট: কোন শিরোনাম নেই |
শিরোনাম অবস্থান | চার্ট এরিয়ার তুলনায় চার্টের শিরোনাম কোথায় রাখবেন। সমর্থিত মান:
প্রকার: স্ট্রিং ডিফল্ট: 'আউট' |
শিরোনাম টেক্সটস্টাইল | একটি বস্তু যা শিরোনাম পাঠ্য শৈলী নির্দিষ্ট করে। বস্তুর এই বিন্যাস আছে: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } প্রকার: বস্তু ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
টুলটিপ | বিভিন্ন টুলটিপ উপাদান কনফিগার করার জন্য সদস্যদের সাথে একটি বস্তু। এই বস্তুর বৈশিষ্ট্য নির্দিষ্ট করতে, আপনি অবজেক্ট আক্ষরিক স্বরলিপি ব্যবহার করতে পারেন, যেমনটি এখানে দেখানো হয়েছে: {textStyle: {color: '#FF0000'}, showColorCode: true} প্রকার: বস্তু ডিফল্ট: নাল |
tooltip.isHtml | সত্য হিসাবে সেট করা হলে, HTML-রেন্ডার করা (এসভিজি-রেন্ডারের পরিবর্তে) টুলটিপ ব্যবহার করুন। আরও বিস্তারিত জানার জন্য টুলটিপ সামগ্রী কাস্টমাইজ করা দেখুন। দ্রষ্টব্য: টুলটিপ কলাম ডেটা ভূমিকার মাধ্যমে HTML টুলটিপ সামগ্রীর কাস্টমাইজেশন বাবল চার্ট ভিজ্যুয়ালাইজেশন দ্বারা সমর্থিত নয় ৷ প্রকার: বুলিয়ান ডিফল্ট: মিথ্যা |
tooltip.showColorCode | সত্য হলে, টুলটিপে সিরিজের তথ্যের পাশে রঙিন বর্গক্ষেত্র দেখান। ফোকাস টার্গেট 'বিভাগ' এ সেট করা হলে প্রকার: বুলিয়ান ডিফল্ট: স্বয়ংক্রিয় |
tooltip.textStyle | টুলটিপ টেক্সট শৈলী নির্দিষ্ট করে এমন একটি বস্তু। বস্তুর এই বিন্যাস আছে: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } প্রকার: বস্তু ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
tooltip.trigger | ব্যবহারকারীর ইন্টারঅ্যাকশন যার কারণে টুলটিপ প্রদর্শিত হয়:
প্রকার: স্ট্রিং ডিফল্ট: 'ফোকাস' |
ভ্যাক্স | যদি চার্টে একাধিক উল্লম্ব অক্ষ থাকে তবে পৃথক উল্লম্ব অক্ষগুলির জন্য বৈশিষ্ট্যগুলি নির্দিষ্ট করে৷ প্রতিটি চাইল্ড অবজেক্ট একটি একাধিক উল্লম্ব অক্ষ সহ একটি চার্ট নির্দিষ্ট করতে, প্রথমে series.targetAxisIndex ব্যবহার করে একটি নতুন অক্ষ নির্ধারণ করুন, তারপর { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } এই বৈশিষ্ট্যটি হয় একটি বস্তু বা একটি অ্যারে হতে পারে: বস্তুটি বস্তুর একটি সংগ্রহ, প্রতিটিতে একটি সাংখ্যিক লেবেল রয়েছে যা অক্ষটি নির্দিষ্ট করে যা এটি সংজ্ঞায়িত করে--এটি উপরে দেখানো বিন্যাস; অ্যারে হল বস্তুর একটি অ্যারে, প্রতি অক্ষে একটি। উদাহরণ স্বরূপ, নিচের অ্যারে-শৈলীর স্বরলিপিটি উপরে দেখানো vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] প্রকার: অবজেক্টের অ্যারে, বা চাইল্ড অবজেক্ট সহ অবজেক্ট ডিফল্ট: নাল |
ভ্যাক্সিস | বিভিন্ন উল্লম্ব অক্ষ উপাদান কনফিগার করার জন্য সদস্য সহ একটি বস্তু। এই বস্তুর বৈশিষ্ট্য নির্দিষ্ট করতে, আপনি অবজেক্ট আক্ষরিক স্বরলিপি ব্যবহার করতে পারেন, যেমনটি এখানে দেখানো হয়েছে: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} প্রকার: বস্তু ডিফল্ট: নাল |
vAxis.baseline | প্রকার: সংখ্যা ডিফল্ট: স্বয়ংক্রিয় |
vAxis.baselineColor | উল্লম্ব অক্ষের জন্য বেসলাইনের রঙ নির্দিষ্ট করে। যেকোনো HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: প্রকার: সংখ্যা ডিফল্ট: 'কালো' |
vAxis.direction | উল্লম্ব অক্ষ বরাবর মানগুলি যে দিকে বৃদ্ধি পায়। ডিফল্টরূপে, কম মানগুলি চার্টের নীচে থাকে৷ মানগুলির ক্রম বিপরীত করতে প্রকার: 1 বা -1 ডিফল্ট: 1 |
vAxis.format | সাংখ্যিক অক্ষ লেবেলের জন্য একটি বিন্যাস স্ট্রিং। এটি আইসিইউ প্যাটার্ন সেটের একটি উপসেট। উদাহরণস্বরূপ,
লেবেলে প্রয়োগ করা প্রকৃত বিন্যাসটি API লোড করা হয়েছে এমন লোকেল থেকে প্রাপ্ত। আরও বিশদ বিবরণের জন্য, একটি নির্দিষ্ট লোকেল সহ লোডিং চার্ট দেখুন। In computing tick values and gridlines, several alternative combinations of all the relevant gridline options will be considered and alternatives will be rejected if the formatted tick labels would be duplicated or overlap. So you can specify Type: string Default: auto |
vAxis.gridlines | An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} Type: object Default: null |
vAxis.gridlines.color | The color of the vertical gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
vAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
vAxis.gridlines.interval | An array of sizes (as data values, not pixels) between adjacent gridlines. This option is only for numeric axes at this time, but it is analogous to the Type: number between 1 and 10, not including 10. Default: computed |
vAxis.gridlines.minSpacing | The minimum screen space, in pixels, between hAxis major gridlines. The default for major gridlines is Type: number Default: computed |
vAxis.gridlines.multiple | All gridline and tick values must be a multiple of this option's value. Note that, unlike for intervals, powers of 10 times the multiple are not considered. So you can force ticks to be integers by specifying Type: number Default: 1 |
vAxis.gridlines.units | Overrides the default format for various aspects of date/datetime/timeofday data types when used with chart computed gridlines. Allows formatting for years, months, days, hours, minutes, seconds, and milliseconds. General format is: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]}, hours: {format: [/*format strings here*/]}, minutes: {format: [/*format strings here*/]}, seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]} } } Additional information can be found in Dates and Times . Type: object Default: null |
vAxis.minorGridlines | An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option. Type: object Default: null |
vAxis.minorGridlines.color | The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
vAxis.minorGridlines.count | The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines depends on the interval between major gridlines (see vAxis.gridlines.interval) and the minimum required space (see vAxis.minorGridlines.minSpacing). Type: number Default: 1 |
vAxis.minorGridlines.interval | The minorGridlines.interval option is like the major gridlines interval option, but the interval that is chosen will always be an even divisor of the major gridline interval. The default interval for linear scales is Type: number Default: 1 |
vAxis.minorGridlines.minSpacing | The minimum required space, in pixels, between adjacent minor gridlines, and between minor and major gridlines. The default value is 1/2 the minSpacing of major gridlines for linear scales, and 1/5 the minSpacing for log scales. Type: number Default: computed |
vAxis.minorGridlines.multiple | Same as for major Type: number Default: 1 |
vAxis.minorGridlines.units | Overrides the default format for various aspects of date/datetime/timeofday data types when used with chart computed minorGridlines. Allows formatting for years, months, days, hours, minutes, seconds, and milliseconds. General format is: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]} hours: {format: [/*format strings here*/]} minutes: {format: [/*format strings here*/]} seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]}, } } Additional information can be found in Dates and Times . Type: object Default: null |
vAxis.logScale | If true, makes the vertical axis a logarithmic scale. Note: All values must be positive. Type: boolean Default: false |
vAxis.scaleType |
Type: string Default: null |
vAxis.textPosition | Position of the vertical axis text, relative to the chart area. Supported values: 'out', 'in', 'none'. Type: string Default: 'out' |
vAxis.textStyle | An object that specifies the vertical axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.ticks | Replaces the automatically generated Y-axis ticks with the specified array. Each element of the array should be either a valid tick value (such as a number, date, datetime, or timeofday), or an object. If it's an object, it should have a The viewWindow will be automatically expanded to include the min and max ticks unless you specify a Examples:
Type: Array of elements Default: auto |
vAxis.title | Type: string Default: no title |
vAxis.titleTextStyle | An object that specifies the vertical axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.maxValue | Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. Type: number Default: automatic |
vAxis.minValue | Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. Type: number Default: null |
vAxis.viewWindowMode | Specifies how to scale the vertical axis to render the values within the chart area. The following string values are supported:
Type: string Default: Equivalent to 'pretty', but vaxis.viewWindow.min and vaxis.viewWindow.max take precedence if used. |
vAxis.viewWindow | Specifies the cropping range of the vertical axis. Type: object Default: null |
vAxis.viewWindow.max | The maximum vertical data value to render. Ignored when Type: number Default: auto |
vAxis.viewWindow.min | The minimum vertical data value to render. Ignored when Type: number Default: auto |
প্রস্থ | Width of the chart, in pixels. Type: number Default: width of the containing element |
পদ্ধতি
পদ্ধতি | |
---|---|
draw(data, options) | চার্ট আঁকে। The chart accepts further method calls only after the Return Type: none |
getAction(actionID) | Returns the tooltip action object with the requested Return Type: object |
getBoundingBox(id) | Returns an object containing the left, top, width, and height of chart element
Values are relative to the container of the chart. Call this after the chart is drawn. Return Type: object |
getChartAreaBoundingBox() | Returns an object containing the left, top, width, and height of the chart content (ie, excluding labels and legend):
Values are relative to the container of the chart. Call this after the chart is drawn. Return Type: object |
getChartLayoutInterface() | Returns an object containing information about the onscreen placement of the chart and its elements. The following methods can be called on the returned object:
Call this after the chart is drawn. Return Type: object |
getHAxisValue(xPosition, optional_axis_index) | Returns the horizontal data value at Example: Call this after the chart is drawn. Return Type: number |
getImageURI() | Returns the chart serialized as an image URI. Call this after the chart is drawn. See Printing PNG Charts . Return Type: string |
getSelection() | Returns an array of the selected chart entities. Selectable entities are bars, legend entries and categories. For this chart, only one entity can be selected at any given moment. Return Type: Array of selection elements |
getVAxisValue(yPosition, optional_axis_index) | Returns the vertical data value at Example: Call this after the chart is drawn. Return Type: number |
getXLocation(dataValue, optional_axis_index) | Returns the pixel x-coordinate of Example: Call this after the chart is drawn. Return Type: number |
getYLocation(dataValue, optional_axis_index) | Returns the pixel y-coordinate of Example: Call this after the chart is drawn. Return Type: number |
removeAction(actionID) | Removes the tooltip action with the requested Return Type: none |
setAction(action) | Sets a tooltip action to be executed when the user clicks on the action text. The Any and all tooltip actions should be set prior to calling the chart's Return Type: none |
setSelection() | Selects the specified chart entities. Cancels any previous selection. Selectable entities are bars, legend entries and categories. For this chart, only one entity can be selected at a time. Return Type: none |
clearChart() | Clears the chart, and releases all of its allocated resources. Return Type: none |
ঘটনা
For more information on how to use these events, see Basic Interactivity , Handling Events , and Firing Events .
নাম | |
---|---|
animationfinish | Fired when transition animation is complete. Properties: none |
click | Fired when the user clicks inside the chart. Can be used to identify when the title, data elements, legend entries, axes, gridlines, or labels are clicked. Properties: targetID |
error | Fired when an error occurs when attempting to render the chart. Properties: id, message |
legendpagination | Fired when the user clicks legend pagination arrows. Passes back the current legend zero-based page index and the total number of pages. Properties: currentPageIndex, totalPages |
onmouseover | Fired when the user mouses over a visual entity. Passes back the row and column indices of the corresponding data table element. A bar correlates to a cell in the data table, a legend entry to a column (row index is null), and a category to a row (column index is null). Properties: row, column |
onmouseout | Fired when the user mouses away from a visual entity. Passes back the row and column indices of the corresponding data table element. A bar correlates to a cell in the data table, a legend entry to a column (row index is null), and a category to a row (column index is null). Properties: row, column |
ready | চার্টটি বাহ্যিক পদ্ধতি কলের জন্য প্রস্তুত। If you want to interact with the chart, and call methods after you draw it, you should set up a listener for this event before you call the Properties: none |
select | Fired when the user clicks a visual entity. কি নির্বাচন করা হয়েছে তা জানতে, Properties: none |
ডেটা নীতি
সমস্ত কোড এবং ডেটা ব্রাউজারে প্রসেস এবং রেন্ডার করা হয়। কোনো সার্ভারে কোনো ডেটা পাঠানো হয় না।