হিস্টোগ্রাম

ওভারভিউ

হিস্টোগ্রাম হল এমন একটি চার্ট যা সাংখ্যিক ডেটাকে বিনে গোষ্ঠীবদ্ধ করে, বিনগুলিকে সেগমেন্টেড কলাম হিসাবে প্রদর্শন করে। এগুলি একটি ডেটাসেটের বন্টন চিত্রিত করতে ব্যবহৃত হয়: কত ঘন ঘন মানগুলি ব্যাপ্তিতে পড়ে৷

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 বিকল্প ব্যবহার করে প্রতিটি বালতির জন্য প্রদর্শনের জন্য টিকগুলি নির্দিষ্ট করতে পারেন। এটি বালতিগুলিকে প্রভাবিত করে না, তবে কেবল কীভাবে টিকগুলি প্রদর্শিত হয়।

এছাড়াও মনে রাখবেন যে আমরা 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

অ্যানিমেশনে প্রয়োগ করা ইজিং ফাংশন। নিম্নলিখিত বিকল্পগুলি উপলব্ধ:

  • 'রৈখিক' - স্থির গতি।
  • 'ইন' - ইজ ইন - ধীরে শুরু করুন এবং গতি বাড়ান।
  • 'আউট' - সহজ আউট - দ্রুত শুরু করুন এবং ধীরে ধীরে করুন।
  • 'inAndOut' - সহজে প্রবেশ এবং আউট - ধীর শুরু করুন, গতি বাড়ান, তারপর ধীর করুন।
প্রকার: স্ট্রিং
ডিফল্ট: 'লিনিয়ার'
animation.startup

প্রাথমিক ড্রতে চার্ট অ্যানিমেট হবে কিনা তা নির্ধারণ করে। true হলে, চার্ট বেসলাইনে শুরু হবে এবং চূড়ান্ত অবস্থায় অ্যানিমেট হবে।

প্রকার: বুলিয়ান
ডিফল্ট মিথ্যা
axisTitlesPosition

চার্ট এলাকার তুলনায় কোথায় অক্ষ শিরোনাম স্থাপন করতে হবে। সমর্থিত মান:

  • in - চার্ট এলাকার ভিতরে অক্ষ শিরোনাম আঁকুন।
  • আউট - চার্ট এলাকার বাইরে অক্ষ শিরোনাম আঁকুন।
  • কোনোটিই নয় - অক্ষ শিরোনাম বাদ দিন।
প্রকার: স্ট্রিং
ডিফল্ট: 'আউট'
পেছনের রং

চার্টের প্রধান এলাকার জন্য পটভূমির রঙ। একটি সাধারণ HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: 'red' বা '#00cc00' , অথবা নিম্নলিখিত বৈশিষ্ট্য সহ একটি বস্তু।

প্রকার: স্ট্রিং বা বস্তু
ডিফল্ট: 'সাদা'
backgroundColor.stroke

চার্ট সীমানার রঙ, একটি HTML রঙের স্ট্রিং হিসাবে।

প্রকার: স্ট্রিং
ডিফল্ট: '#666'
backgroundColor.strokeWidth

সীমানার প্রস্থ, পিক্সেলে।

প্রকার: সংখ্যা
ডিফল্ট: 0
backgroundColor.fill

চার্ট ফিল কালার, একটি HTML কালার স্ট্রিং হিসেবে।

প্রকার: স্ট্রিং
ডিফল্ট: 'সাদা'
bar.groupwidth
এই ফর্ম্যাটে যেকোন একটিতে নির্দিষ্ট করা বারগুলির একটি গ্রুপের প্রস্থ:
  • পিক্সেল (যেমন 50)।
  • প্রতিটি গোষ্ঠীর জন্য উপলব্ধ প্রস্থের শতাংশ (যেমন '20%'), যেখানে '100%' মানে গ্রুপগুলির মধ্যে কোনও স্থান নেই৷
প্রকার: সংখ্যা বা স্ট্রিং
ডিফল্ট: গোল্ডেন রেশিও , প্রায় '61.8%'।
চার্ট এরিয়া

চার্ট এলাকার অবস্থান এবং আকার কনফিগার করার জন্য সদস্যদের সাথে একটি বস্তু (যেখানে অক্ষ এবং কিংবদন্তি বাদ দিয়ে চার্ট নিজেই আঁকা হয়)। দুটি বিন্যাস সমর্থিত: একটি সংখ্যা, বা একটি সংখ্যা অনুসরণ করে %৷ একটি সাধারণ সংখ্যা পিক্সেলের একটি মান; % দ্বারা অনুসরণ করা একটি সংখ্যা একটি শতাংশ। উদাহরণ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

প্রকার: বস্তু
ডিফল্ট: নাল
chartArea.backgroundColor
চার্ট এলাকার পটভূমির রঙ। যখন একটি স্ট্রিং ব্যবহার করা হয়, এটি হয় একটি হেক্স স্ট্রিং (যেমন, '#fdc') বা একটি ইংরেজি রঙের নাম হতে পারে। যখন একটি বস্তু ব্যবহার করা হয়, নিম্নলিখিত বৈশিষ্ট্য প্রদান করা যেতে পারে:
  • stroke : রঙ, একটি হেক্স স্ট্রিং বা ইংরেজি রঙের নাম হিসাবে দেওয়া।
  • strokeWidth : প্রদান করা হলে, প্রদত্ত প্রস্থের চার্ট এলাকার চারপাশে একটি সীমানা আঁকে (এবং stroke রঙের সাথে)।
প্রকার: স্ট্রিং বা বস্তু
ডিফল্ট: 'সাদা'
chartArea.left

বাম সীমানা থেকে চার্টটি কতদূর আঁকতে হবে।

প্রকার: সংখ্যা বা স্ট্রিং
ডিফল্ট: স্বয়ংক্রিয়
chartArea.top

উপরের বর্ডার থেকে চার্টটি কতদূর আঁকতে হবে।

প্রকার: সংখ্যা বা স্ট্রিং
ডিফল্ট: স্বয়ংক্রিয়
chartArea.width

চার্ট এলাকা প্রস্থ.

প্রকার: সংখ্যা বা স্ট্রিং
ডিফল্ট: স্বয়ংক্রিয়
chartArea.height

চার্ট এলাকার উচ্চতা।

প্রকার: সংখ্যা বা স্ট্রিং
ডিফল্ট: স্বয়ংক্রিয়
রং

চার্ট উপাদানের জন্য ব্যবহার করা রং. স্ট্রিংগুলির একটি অ্যারে, যেখানে প্রতিটি উপাদান একটি HTML রঙের স্ট্রিং, উদাহরণস্বরূপ: colors:['red','#004411'] ।

প্রকার: স্ট্রিং এর অ্যারে
ডিফল্ট: ডিফল্ট রং
ডেটা অপাসিটি

ডেটা পয়েন্টের স্বচ্ছতা, 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 এর জন্য একটি ধনাত্মক সংখ্যা উল্লেখ করলে, এটি গ্রিডলাইনের মধ্যে minSpacing গণনা করতে ব্যবহৃত হবে। আপনি শুধুমাত্র একটি গ্রিডলাইন আঁকতে 1 এর মান নির্দিষ্ট করতে পারেন, অথবা কোন গ্রিডলাইন আঁকতে 0 এর মান উল্লেখ করতে পারেন। অন্যান্য বিকল্পের উপর ভিত্তি করে স্বয়ংক্রিয়ভাবে গ্রিডলাইনের সংখ্যা গণনা করতে -1 নির্দিষ্ট করুন, যা ডিফল্ট।

প্রকার: সংখ্যা
ডিফল্ট: -1
hAxis.gridlines.interval

সংলগ্ন গ্রিডলাইনগুলির মধ্যে আকারের একটি বিন্যাস (ডাটা মান হিসাবে, পিক্সেল নয়)। এই বিকল্পটি এই সময়ে শুধুমাত্র সাংখ্যিক অক্ষের জন্য, কিন্তু এটি gridlines.units.<unit>.interval বিকল্পগুলির সাথে সাদৃশ্যপূর্ণ যা শুধুমাত্র তারিখ এবং সময়ের জন্য ব্যবহৃত হয়। রৈখিক স্কেলগুলির জন্য, ডিফল্ট হল [1, 2, 2.5, 5] যার অর্থ গ্রিডলাইন মানগুলি প্রতিটি ইউনিটে (1), জোড় একক (2) বা 2.5 বা 5 এর গুণিতকগুলিতে পড়তে পারে। 10 গুণের যে কোনও শক্তি এই মানগুলিও বিবেচনা করা হয় (যেমন [10, 20, 25, 50] এবং [.1, .2, .25, .5])। লগ স্কেলগুলির জন্য, ডিফল্ট হল [1, 2, 5] ।

প্রকার: 1 এবং 10 এর মধ্যে সংখ্যা, 10 সহ নয়।
ডিফল্ট: গণনা করা
hAxis.gridlines.minSpacing

হ্যাক্সিস প্রধান গ্রিডলাইনের মধ্যে ন্যূনতম স্ক্রীন স্পেস, পিক্সেলে। প্রধান গ্রিডলাইনগুলির জন্য ডিফল্ট হল লিনিয়ার স্কেলের জন্য 40 এবং লগ স্কেলের জন্য 20 ৷ আপনি যদি count নির্দিষ্ট করেন এবং minSpacing না করেন তবে minSpacing গণনা থেকে গণনা করা হয়। এবং বিপরীতভাবে, আপনি যদি minSpacing উল্লেখ করেন এবং count না করেন তবে গণনাটি মিনস্পেসিং থেকে গণনা করা হয়। আপনি উভয় নির্দিষ্ট করলে, minSpacing ওভাররাইড করে।

প্রকার: সংখ্যা
ডিফল্ট: গণনা করা
hAxis.gridlines.multiple

সমস্ত গ্রিডলাইন এবং টিক মান এই বিকল্পের মানের একাধিক হতে হবে। মনে রাখবেন, ব্যবধানের বিপরীতে, গুণের 10 গুণের ক্ষমতা বিবেচনা করা হয় না। সুতরাং আপনি gridlines.multiple = 1 নির্দিষ্ট করে টিকগুলিকে পূর্ণসংখ্যা হতে বাধ্য করতে পারেন, অথবা gridlines.multiple = 1000 নির্দিষ্ট করে টিকগুলিকে 1000 এর গুণিতক হতে বাধ্য করতে পারেন।

প্রকার: সংখ্যা
ডিফল্ট: 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

minorGridlines.count বিকল্পটি বেশিরভাগই অবহেলিত, কাউন্ট 0 সেট করে ছোট গ্রিডলাইনগুলি নিষ্ক্রিয় করা ছাড়া। ছোট গ্রিডলাইনের সংখ্যা এখন সম্পূর্ণভাবে প্রধান গ্রিডলাইনগুলির মধ্যে ব্যবধানের উপর নির্ভর করে ( hAxis.gridlines.interval দেখুন) এবং ন্যূনতম প্রয়োজনীয় স্থান (দেখুন) hAxis.minorGridlines.minSpacing )।

প্রকার: সংখ্যা
ডিফল্ট: 1
hAxis.minorGridlines.interval

minorGridlines.interval বিকল্পটি প্রধান গ্রিডলাইন ব্যবধান বিকল্পের মতো, তবে যে ব্যবধানটি বেছে নেওয়া হয়েছে তা সর্বদা প্রধান গ্রিডলাইন ব্যবধানের একটি সমান ভাজক হবে। রৈখিক স্কেলগুলির জন্য ডিফল্ট ব্যবধান হল [1, 1.5, 2, 2.5, 5] , এবং লগ স্কেলগুলির জন্য হল [1, 2, 5] ।

প্রকার: সংখ্যা
ডিফল্ট: 1
hAxis.minorGridlines.minSpacing

ন্যূনতম প্রয়োজনীয় স্থান, পিক্সেলে, সংলগ্ন ছোট গ্রিডলাইনের মধ্যে এবং ছোট এবং বড় গ্রিডলাইনের মধ্যে। ডিফল্ট মান হল লিনিয়ার স্কেলের জন্য প্রধান গ্রিডলাইনের 1/2 মিনিট স্পেসিং এবং লগ স্কেলের জন্য 1/5 মিনিট স্পেসিং৷

প্রকার: সংখ্যা
ডিফল্ট: গণনা করা
hAxis.minorGridlines.multiple

প্রধান gridlines.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 যেকোনো HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: 'red' বা '#00cc00' । এছাড়াও fontName এবং fontSize দেখুন।

প্রকার: বস্তু
ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis সম্পত্তি যা অনুভূমিক অক্ষের শিরোনাম নির্দিষ্ট করে।

প্রকার: স্ট্রিং
ডিফল্ট: নাল
hAxis.titleTextStyle

একটি বস্তু যা অনুভূমিক অক্ষ শিরোনাম পাঠ শৈলী নির্দিষ্ট করে। বস্তুর এই বিন্যাস আছে:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color যেকোনো HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: 'red' বা '#00cc00' । এছাড়াও fontName এবং fontSize দেখুন।

প্রকার: বস্তু
ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.allowContainerBoundaryTextCutoff

মিথ্যা হলে, চার্ট ধারক দ্বারা ক্রপ করার অনুমতি না দিয়ে বাইরেরতম লেবেলগুলিকে লুকিয়ে রাখবে৷ সত্য হলে, লেবেল ক্রপ করার অনুমতি দেবে।

প্রকার: বুলিয়ান
ডিফল্ট: মিথ্যা
hAxis.slantedText

সত্য হলে, একটি কোণে অনুভূমিক অক্ষের পাঠ্য আঁকুন, অক্ষ বরাবর আরও পাঠ্য ফিট করতে সাহায্য করতে; মিথ্যা হলে, অনুভূমিক অক্ষের টেক্সট সোজা আঁকুন। ডিফল্ট আচরণ হল টেক্সটকে তির্যক করা যদি এটি সোজা আঁকার সময় সব ফিট না হয়। লক্ষ্য করুন যে এই বিকল্পটি তখনই পাওয়া যায় যখন hAxis.textPosition 'out' এ সেট করা থাকে (যা ডিফল্ট)। তারিখ এবং সময়ের জন্য ডিফল্ট false .

প্রকার: বুলিয়ান
ডিফল্ট: স্বয়ংক্রিয়
hAxis.slantedTextAngle

অনুভূমিক অক্ষ পাঠের কোণ, যদি এটি তির্যকভাবে আঁকা হয়। hAxis.slantedText false হলে বা স্বয়ংক্রিয় মোডে থাকলে উপেক্ষা করা হয়, এবং চার্ট অনুভূমিকভাবে পাঠ্য আঁকার সিদ্ধান্ত নিয়েছে। কোণটি ধনাত্মক হলে ঘূর্ণন ঘড়ির কাঁটার বিপরীতে এবং ঋণাত্মক হলে ঘড়ির কাঁটার দিকে।

প্রকার: সংখ্যা, -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.min এবং haxis.viewWindow.max এর সাথে অপ্রয়োজনীয়।) এই মানের বাইরের ডেটা মান ক্রপ করা হবে। আপনাকে অবশ্যই একটি hAxis.viewWindow অবজেক্ট নির্দিষ্ট করতে হবে যা দেখানোর জন্য সর্বাধিক এবং সর্বনিম্ন মান বর্ণনা করে।
প্রকার: স্ট্রিং
ডিফল্ট: 'সুন্দর'-এর সমতুল্য, কিন্তু ব্যবহার করা হলে haxis.viewWindow.min এবং haxis.viewWindow.max অগ্রাধিকার পাবে।
hAxis.viewWindow

অনুভূমিক অক্ষের ক্রপিং পরিসীমা নির্দিষ্ট করে।

প্রকার: বস্তু
ডিফল্ট: নাল
hAxis.viewWindow.max

শূন্য-ভিত্তিক সারি সূচক যেখানে ক্রপিং উইন্ডো শেষ হয়। এই সূচক এবং উচ্চতর ডেটা পয়েন্টগুলি কেটে ফেলা হবে৷ vAxis.viewWindowMode.min এর সাথে একত্রে, এটি একটি অর্ধ-খোলা পরিসীমা সংজ্ঞায়িত করে [মিনিট, সর্বোচ্চ) যা প্রদর্শনের জন্য উপাদান সূচকগুলিকে নির্দেশ করে। অন্য কথায়, প্রতিটি সূচক যেমন min <= index < max প্রদর্শিত হবে।

যখন hAxis.viewWindowMode 'সুন্দর' বা 'বড়ো' হয় তখন উপেক্ষা করা হয়।

প্রকার: সংখ্যা
ডিফল্ট: স্বয়ংক্রিয়
hAxis.viewWindow.min

শূন্য-ভিত্তিক সারি সূচক যেখানে ক্রপিং উইন্ডো শুরু হয়। এর চেয়ে কম সূচকে ডেটা পয়েন্টগুলি কেটে ফেলা হবে। vAxis.viewWindowMode.max এর সাথে একত্রে, এটি একটি অর্ধ-খোলা পরিসীমা সংজ্ঞায়িত করে [মিনিট, সর্বোচ্চ) যা প্রদর্শনের জন্য উপাদান সূচকগুলিকে নির্দেশ করে। অন্য কথায়, প্রতিটি সূচক যেমন min <= index < max প্রদর্শিত হবে।

যখন hAxis.viewWindowMode 'সুন্দর' বা 'বড়ো' হয় তখন উপেক্ষা করা হয়।

প্রকার: সংখ্যা
ডিফল্ট: স্বয়ংক্রিয়
histogram.bucketSize

প্রতিটি হিস্টোগ্রাম বারের আকারকে অ্যালগরিদমিকভাবে নির্ধারণ করার পরিবর্তে হার্ডকোড করুন।

প্রকার: সংখ্যা
ডিফল্ট: স্বয়ংক্রিয়
histogram.hideBucketItems

হিস্টোগ্রামের ব্লকগুলির মধ্যে পাতলা বিভাজন বাদ দিন, এটিকে শক্ত বারগুলির একটি সিরিজে পরিণত করুন।

প্রকার: বুলিয়ান
ডিফল্ট: মিথ্যা
histogram.lastBucketPercentile

হিস্টোগ্রামের বালতির আকার গণনা করার সময়, উপরের এবং নীচের lastBucketPercentile শতাংশ উপেক্ষা করুন। মানগুলি এখনও হিস্টোগ্রামে অন্তর্ভুক্ত করা হয়েছে, তবে বাকেটিংকে প্রভাবিত করে না।

প্রকার: সংখ্যা
ডিফল্ট: 0
histogram.minValue

এই মান অন্তর্ভুক্ত করতে বালতি পরিসীমা প্রসারিত করুন।

প্রকার: সংখ্যা
ডিফল্ট: স্বয়ংক্রিয় - ব্যবহার ডেটা মিন
histogram.maxValue

এই মান অন্তর্ভুক্ত করতে বালতি পরিসীমা প্রসারিত করুন।

প্রকার: সংখ্যা
ডিফল্ট: স্বয়ংক্রিয় - সর্বোচ্চ ডেটা ব্যবহার করুন
histogram.numBucketsRule

বালতিগুলির ডিফল্ট সংখ্যা কীভাবে গণনা করা যায়। সম্ভাব্য মান হল:

  • 'sqrt' - ডেটা পয়েন্টের সংখ্যার বর্গমূল গণনা করে।
  • 'sturges' - দ্বিপদী বন্টন থেকে উদ্ভূত। অন্তর্নিহিতভাবে একটি আনুমানিক স্বাভাবিক বন্টন অনুমান করে।
  • 'rice' - Sturges এর নিয়মের একটি সহজ বিকল্প।
আরো বিস্তারিত জানার জন্য, উইকিপিডিয়া দেখুন - হিস্টোগ্রাম: বিনের সংখ্যা এবং প্রস্থ

প্রকার: স্ট্রিং
ডিফল্ট: 'sqrt'
উচ্চতা

চার্টের উচ্চতা, পিক্সেলে।

প্রকার: সংখ্যা
ডিফল্ট: ধারণকারী উপাদানের উচ্চতা
interpolateNulls

অনুপস্থিত পয়েন্টের মান অনুমান করতে হবে কিনা। সত্য হলে, এটি প্রতিবেশী বিন্দুর উপর ভিত্তি করে কোনো অনুপস্থিত ডেটার মান অনুমান করবে। মিথ্যা হলে, এটি অজানা বিন্দুতে লাইনে বিরতি দেবে।

এটি isStacked: true/'percent'/'relative'/'absolute' বিকল্পের সাথে এরিয়া চার্ট দ্বারা সমর্থিত নয় ।

প্রকার: বুলিয়ান
ডিফল্ট: মিথ্যা
স্ট্যাক করা

সত্য হিসাবে সেট করা হলে, প্রতিটি ডোমেন মানতে সমস্ত সিরিজের উপাদানগুলিকে স্ট্যাক করে। দ্রষ্টব্য: কলাম , এলাকা , এবং স্টেপডএরিয়া চার্টে, Google চার্টগুলি সিরিজের উপাদানগুলির স্ট্যাকিংয়ের সাথে আরও ভালভাবে মিলিত হওয়ার জন্য কিংবদন্তি আইটেমগুলির ক্রমকে বিপরীত করে (যেমন সিরিজ 0 হবে সবচেয়ে নীচের কিংবদন্তি আইটেম)। এটি বার চার্টের ক্ষেত্রে প্রযোজ্য নয় ।

isStacked বিকল্পটি 100% স্ট্যাকিংকেও সমর্থন করে, যেখানে প্রতিটি ডোমেন মানের উপাদানগুলির স্ট্যাকগুলি 100% পর্যন্ত যোগ করার জন্য পুনরায় স্কেল করা হয়।

isStacked এর বিকল্পগুলি হল:

  • false — উপাদানগুলি স্ট্যাক করা হবে না। এটি ডিফল্ট বিকল্প।
  • true — প্রতিটি ডোমেন মানতে সমস্ত সিরিজের জন্য উপাদানগুলিকে স্ট্যাক করে।
  • 'percent' — প্রতিটি ডোমেন মূল্যে সমস্ত সিরিজের জন্য উপাদানগুলিকে স্ট্যাক করে এবং সেগুলিকে এমনভাবে পুনরায় স্কেল করে যাতে তারা 100% পর্যন্ত যোগ করে, প্রতিটি উপাদানের মান 100% শতাংশ হিসাবে গণনা করা হয়।
  • 'relative' — প্রতিটি ডোমেন মূল্যে সমস্ত সিরিজের জন্য উপাদানগুলিকে স্ট্যাক করে এবং সেগুলিকে এমনভাবে পুনরায় স্কেল করে যাতে তারা 1 পর্যন্ত যোগ করে, প্রতিটি উপাদানের মান 1 এর ভগ্নাংশ হিসাবে গণনা করা হয়।
  • 'absolute' — isStacked: true ।

100% স্ট্যাকিংয়ের জন্য, প্রতিটি উপাদানের জন্য গণনা করা মান তার প্রকৃত মানের পরে টুলটিপে প্রদর্শিত হবে।

'relative' এর জন্য 1-এর ভগ্নাংশ হিসাবে আপেক্ষিক 0-1 স্কেলের উপর ভিত্তি করে মানগুলিকে লক্ষ্য অক্ষ ডিফল্ট করবে, এবং 'percent' এর জন্য 0-100% ( দ্রষ্টব্য: 'percent' বিকল্প ব্যবহার করার সময়, অক্ষ/টিক মানগুলি শতাংশ হিসাবে প্রদর্শিত হয়, তবে প্রকৃত মানগুলি আপেক্ষিক 0-1 স্কেল মানগুলির কারণ হল যে শতাংশ অক্ষ টিকগুলি আপেক্ষিক 0-1 স্কেল মানগুলিতে "###%" ফর্ম্যাট প্রয়োগ করার ফলাফল isStacked: 'percent' , আপেক্ষিক 0-1 স্কেল মান ব্যবহার করে যেকোনো টিক/গ্রিডলাইন নির্দিষ্ট করতে ভুলবেন না)। আপনি উপযুক্ত hAxis/vAxis বিকল্পগুলি ব্যবহার করে গ্রিডলাইন/টিক মান এবং বিন্যাস কাস্টমাইজ করতে পারেন।

100% স্ট্যাকিং শুধুমাত্র টাইপ number ডেটা মানকে সমর্থন করে এবং শূন্যের একটি বেসলাইন থাকতে হবে।

প্রকার: বুলিয়ান/স্ট্রিং
ডিফল্ট: মিথ্যা
কিংবদন্তি

কিংবদন্তির বিভিন্ন দিক কনফিগার করার জন্য সদস্যদের সাথে একটি বস্তু। এই বস্তুর বৈশিষ্ট্য নির্দিষ্ট করতে, আপনি অবজেক্ট আক্ষরিক স্বরলিপি ব্যবহার করতে পারেন, যেমনটি এখানে দেখানো হয়েছে:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
প্রকার: বস্তু
ডিফল্ট: নাল
legend.alignment

কিংবদন্তির প্রান্তিককরণ। নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:

  • 'শুরু' - কিংবদন্তির জন্য বরাদ্দ করা এলাকার শুরুতে সারিবদ্ধ।
  • 'সেন্টার' - কিংবদন্তির জন্য বরাদ্দকৃত এলাকায় কেন্দ্রীভূত।
  • 'শেষ' - কিংবদন্তির জন্য বরাদ্দ করা এলাকার শেষ প্রান্তে সারিবদ্ধ।

শুরু, কেন্দ্র এবং শেষ কিংবদন্তির শৈলী -- উল্লম্ব বা অনুভূমিক -- আপেক্ষিক। উদাহরণস্বরূপ, একটি 'ডান' কিংবদন্তিতে, 'শুরু' এবং 'শেষ' যথাক্রমে উপরে এবং নীচে থাকে; একটি 'শীর্ষ' কিংবদন্তির জন্য, 'শুরু' এবং 'শেষ' যথাক্রমে এলাকার বাম এবং ডানদিকে হবে।

ডিফল্ট মান কিংবদন্তির অবস্থানের উপর নির্ভর করে। 'নিচে' কিংবদন্তির জন্য, ডিফল্ট হল 'কেন্দ্র'; অন্যান্য কিংবদন্তি ডিফল্ট 'শুরু'।

প্রকার: স্ট্রিং
ডিফল্ট: স্বয়ংক্রিয়
legend.maxLines

লিজেন্ডে সর্বাধিক সংখ্যক লাইন। আপনার কিংবদন্তিতে লাইন যোগ করতে এটিকে একের বেশি সংখ্যায় সেট করুন। দ্রষ্টব্য: রেন্ডার করা লাইনের প্রকৃত সংখ্যা নির্ধারণ করতে ব্যবহৃত সঠিক যুক্তিটি এখনও প্রবাহিত।

এই বিকল্পটি বর্তমানে শুধুমাত্র তখনই কাজ করে যখন legend.position 'শীর্ষ' হয়।

প্রকার: সংখ্যা
ডিফল্ট: 1
legend.pageIndex

কিংবদন্তির প্রাথমিক নির্বাচিত শূন্য-ভিত্তিক পৃষ্ঠা সূচী।

প্রকার: সংখ্যা
ডিফল্ট: 0
legend.position

কিংবদন্তির অবস্থান। নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:

  • 'নিচে' - চার্টের নিচে।
  • 'বাম' - চার্টের বাম দিকে, যদি বাম অক্ষের সাথে কোনো ধারা যুক্ত না থাকে। সুতরাং আপনি যদি বাম দিকের কিংবদন্তি চান, targetAxisIndex: 1 বিকল্পটি ব্যবহার করুন।
  • 'in' - চার্টের ভিতরে, উপরের বাম কোণে।
  • 'কোনোটি' - কোনো কিংবদন্তি প্রদর্শিত হয় না।
  • 'right' - চার্টের ডানদিকে। vAxes বিকল্পের সাথে বেমানান।
  • 'শীর্ষ' - চার্টের উপরে।
প্রকার: স্ট্রিং
ডিফল্ট: 'ডান'
legend.textStyle

একটি বস্তু যা কিংবদন্তি পাঠ্য শৈলী নির্দিষ্ট করে। বস্তুর এই বিন্যাস আছে:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color যেকোনো HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: 'red' বা '#00cc00' । এছাড়াও fontName এবং fontSize দেখুন।

প্রকার: বস্তু
ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
অভিযোজন

চার্টের অভিযোজন। 'vertical' তে সেট করা হলে, চার্টের অক্ষগুলিকে ঘোরান যাতে (উদাহরণস্বরূপ) একটি কলাম চার্ট একটি বার চার্টে পরিণত হয় এবং একটি এলাকা চার্ট উপরের পরিবর্তে ডানদিকে বৃদ্ধি পায়:

প্রকার: স্ট্রিং
ডিফল্ট: 'অনুভূমিক'
বিপরীত বিভাগ

সত্যে সেট করা হলে, ডান থেকে বামে সিরিজ আঁকা হবে। ডিফল্ট হল বাম থেকে ডানে আঁকা।

প্রকার: বুলিয়ান
ডিফল্ট: মিথ্যা
সিরিজ

অবজেক্টের একটি অ্যারে, প্রতিটি চার্টে সংশ্লিষ্ট সিরিজের বিন্যাস বর্ণনা করে। একটি সিরিজের জন্য ডিফল্ট মান ব্যবহার করতে, একটি খালি বস্তু {} নির্দিষ্ট করুন৷ যদি একটি সিরিজ বা একটি মান নির্দিষ্ট করা না থাকে, তাহলে বিশ্বব্যাপী মান ব্যবহার করা হবে। প্রতিটি বস্তু নিম্নলিখিত বৈশিষ্ট্য সমর্থন করে:

  • color - এই সিরিজের জন্য ব্যবহার করা রঙ। একটি বৈধ HTML রঙের স্ট্রিং নির্দিষ্ট করুন।
  • labelInLegend - তালিকার কিংবদন্তিতে প্রদর্শিত সিরিজের বর্ণনা।
  • targetAxisIndex - কোন অক্ষকে এই সিরিজটি বরাদ্দ করতে হবে, যেখানে 0 হল ডিফল্ট অক্ষ এবং 1 হল বিপরীত অক্ষ৷ ডিফল্ট মান 0; একটি চার্ট সংজ্ঞায়িত করতে 1 এ সেট করুন যেখানে বিভিন্ন অক্ষের বিপরীতে বিভিন্ন সিরিজ রেন্ডার করা হয়। কমপক্ষে একটি সিরিজ ডিফল্ট অক্ষে বরাদ্দ করা হবে। আপনি বিভিন্ন অক্ষের জন্য একটি ভিন্ন স্কেল সংজ্ঞায়িত করতে পারেন।
  • visibleInLegend - একটি বুলিয়ান মান, যেখানে সত্য মানে সিরিজটিতে একটি কিংবদন্তি এন্ট্রি থাকা উচিত এবং মিথ্যা মানে এটি করা উচিত নয়৷ ডিফল্ট সত্য.

আপনি অবজেক্টের একটি অ্যারে নির্দিষ্ট করতে পারেন, যার প্রতিটি প্রদত্ত ক্রম অনুসারে সিরিজে প্রযোজ্য, অথবা আপনি এমন একটি বস্তু নির্দিষ্ট করতে পারেন যেখানে প্রতিটি শিশুর একটি সংখ্যাসূচক কী রয়েছে যা নির্দেশ করে যে এটি কোন সিরিজে প্রযোজ্য। উদাহরণস্বরূপ, নিম্নলিখিত দুটি ঘোষণা অভিন্ন, এবং প্রথম সিরিজটিকে কালো এবং কিংবদন্তি থেকে অনুপস্থিত হিসাবে ঘোষণা করে এবং চতুর্থটি কিংবদন্তি থেকে লাল এবং অনুপস্থিত হিসাবে ঘোষণা করে:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
প্রকার: অবজেক্টের অ্যারে, বা নেস্টেড অবজেক্ট সহ অবজেক্ট
ডিফল্ট: {}
থিম

একটি থিম হল পূর্বনির্ধারিত বিকল্প মানগুলির একটি সেট যা একটি নির্দিষ্ট চার্ট আচরণ বা ভিজ্যুয়াল প্রভাব অর্জন করতে একসাথে কাজ করে। বর্তমানে শুধুমাত্র একটি থিম উপলব্ধ:

  • 'সর্বোচ্চ' - চার্টের ক্ষেত্রফলকে সর্বাধিক করে, এবং লেজেন্ড এবং লেবেলের সমস্ত লেবেল আঁকে। নিম্নলিখিত বিকল্পগুলি সেট করে: 
    chartArea: {width: '100%', height: '100%'},
legend: {position: 'in'},
titlePosition: 'in', axisTitlesPosition: 'in',
hAxis: {textPosition: 'in'}, vAxis: {textPosition: 'in'}
প্রকার: স্ট্রিং
ডিফল্ট: নাল
শিরোনাম

চার্টের উপরে দেখানোর জন্য পাঠ্য।

প্রকার: স্ট্রিং
ডিফল্ট: কোন শিরোনাম নেই
শিরোনাম অবস্থান

চার্ট এরিয়ার তুলনায় চার্টের শিরোনাম কোথায় রাখবেন। সমর্থিত মান:

  • in - চার্ট এলাকার ভিতরে শিরোনাম আঁকুন।
  • আউট - চার্ট এলাকার বাইরে শিরোনাম আঁকুন।
  • কোনোটিই নয় - শিরোনাম বাদ দিন।
প্রকার: স্ট্রিং
ডিফল্ট: 'আউট'
শিরোনাম টেক্সটস্টাইল

একটি বস্তু যা শিরোনাম পাঠ্য শৈলী নির্দিষ্ট করে। বস্তুর এই বিন্যাস আছে:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color যেকোনো HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: 'red' বা '#00cc00' । এছাড়াও fontName এবং fontSize দেখুন।

প্রকার: বস্তু
ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
টুলটিপ

বিভিন্ন টুলটিপ উপাদান কনফিগার করার জন্য সদস্যদের সাথে একটি বস্তু। এই বস্তুর বৈশিষ্ট্য নির্দিষ্ট করতে, আপনি অবজেক্ট আক্ষরিক স্বরলিপি ব্যবহার করতে পারেন, যেমনটি এখানে দেখানো হয়েছে:

{textStyle: {color: '#FF0000'}, showColorCode: true}
প্রকার: বস্তু
ডিফল্ট: নাল
tooltip.isHtml

সত্য হিসাবে সেট করা হলে, HTML-রেন্ডার করা (এসভিজি-রেন্ডারের পরিবর্তে) টুলটিপ ব্যবহার করুন। আরও বিস্তারিত জানার জন্য টুলটিপ সামগ্রী কাস্টমাইজ করা দেখুন।

দ্রষ্টব্য: টুলটিপ কলাম ডেটা ভূমিকার মাধ্যমে HTML টুলটিপ সামগ্রীর কাস্টমাইজেশন বাবল চার্ট ভিজ্যুয়ালাইজেশন দ্বারা সমর্থিত নয় ৷

প্রকার: বুলিয়ান
ডিফল্ট: মিথ্যা
tooltip.showColorCode

সত্য হলে, টুলটিপে সিরিজের তথ্যের পাশে রঙিন বর্গক্ষেত্র দেখান। focusTarget 'বিভাগ' এ সেট করা হলে ডিফল্টটি সত্য, অন্যথায় ডিফল্ট মিথ্যা।

প্রকার: বুলিয়ান
ডিফল্ট: স্বয়ংক্রিয়
tooltip.textStyle

টুলটিপ টেক্সট শৈলী নির্দিষ্ট করে এমন একটি বস্তু। বস্তুর এই বিন্যাস আছে:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color যেকোনো HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: 'red' বা '#00cc00' । এছাড়াও fontName এবং fontSize দেখুন।

প্রকার: বস্তু
ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tooltip.trigger

ব্যবহারকারীর ইন্টারঅ্যাকশন যার কারণে টুলটিপ প্রদর্শিত হয়:

  • 'ফোকাস' - ব্যবহারকারী যখন উপাদানটির উপর ঘোরায় তখন টুলটিপ প্রদর্শিত হবে।
  • 'none' - টুলটিপ প্রদর্শিত হবে না।
প্রকার: স্ট্রিং
ডিফল্ট: 'ফোকাস'
ভ্যাক্স

যদি চার্টে একাধিক উল্লম্ব অক্ষ থাকে তবে পৃথক উল্লম্ব অক্ষগুলির জন্য বৈশিষ্ট্যগুলি নির্দিষ্ট করে৷ প্রতিটি চাইল্ড অবজেক্ট একটি vAxis অবজেক্ট, এবং এতে vAxis দ্বারা সমর্থিত সমস্ত বৈশিষ্ট্য থাকতে পারে। এই সম্পত্তির মান একই সম্পত্তির জন্য যেকোনো বিশ্বব্যাপী সেটিংসকে ওভাররাইড করে।

একাধিক উল্লম্ব অক্ষ সহ একটি চার্ট নির্দিষ্ট করতে, প্রথমে series.targetAxisIndex ব্যবহার করে একটি নতুন অক্ষ নির্ধারণ করুন, তারপর vAxes ব্যবহার করে অক্ষটি কনফিগার করুন। নিম্নলিখিত উদাহরণটি ডান অক্ষে সিরিজ 2 বরাদ্দ করে এবং এটির জন্য একটি কাস্টম শিরোনাম এবং পাঠ্য শৈলী নির্দিষ্ট করে:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

এই বৈশিষ্ট্যটি হয় একটি বস্তু বা একটি অ্যারে হতে পারে: বস্তুটি বস্তুর একটি সংগ্রহ, প্রতিটিতে একটি সাংখ্যিক লেবেল রয়েছে যা অক্ষটি নির্দিষ্ট করে যা এটি সংজ্ঞায়িত করে--এটি উপরে দেখানো বিন্যাস; অ্যারে হল বস্তুর একটি অ্যারে, প্রতি অক্ষে একটি। উদাহরণ স্বরূপ, নিচের অ্যারে-শৈলীর স্বরলিপিটি উপরে দেখানো vAxis বস্তুর অনুরূপ:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
প্রকার: অবজেক্টের অ্যারে, বা চাইল্ড অবজেক্ট সহ অবজেক্ট
ডিফল্ট: নাল
ভ্যাক্সিস

বিভিন্ন উল্লম্ব অক্ষ উপাদান কনফিগার করার জন্য সদস্য সহ একটি বস্তু। এই বস্তুর বৈশিষ্ট্য নির্দিষ্ট করতে, আপনি অবজেক্ট আক্ষরিক স্বরলিপি ব্যবহার করতে পারেন, যেমনটি এখানে দেখানো হয়েছে:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
প্রকার: বস্তু
ডিফল্ট: নাল
vAxis.baseline

vAxis সম্পত্তি যা উল্লম্ব অক্ষের জন্য বেসলাইন নির্দিষ্ট করে। যদি বেসলাইনটি সর্বোচ্চ গ্রিড লাইনের চেয়ে বড় বা সর্বনিম্ন গ্রিড লাইনের চেয়ে ছোট হয়, তাহলে এটি নিকটতম গ্রিডলাইনে বৃত্তাকার হবে।

প্রকার: সংখ্যা
ডিফল্ট: স্বয়ংক্রিয়
vAxis.baselineColor

উল্লম্ব অক্ষের জন্য বেসলাইনের রঙ নির্দিষ্ট করে। যেকোনো HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: 'red' বা '#00cc00' ।

প্রকার: সংখ্যা
ডিফল্ট: 'কালো'
vAxis.direction

উল্লম্ব অক্ষ বরাবর মানগুলি যে দিকে বৃদ্ধি পায়। ডিফল্টরূপে, কম মানগুলি চার্টের নীচে থাকে৷ মানগুলির ক্রম বিপরীত করতে -1 নির্দিষ্ট করুন।

প্রকার: 1 বা -1
ডিফল্ট: 1
vAxis.format

সাংখ্যিক অক্ষ লেবেলের জন্য একটি বিন্যাস স্ট্রিং। এটি আইসিইউ প্যাটার্ন সেটের একটি উপসেট। উদাহরণস্বরূপ, {format:'#,###%'} 10, 7.5 এবং 0.5 মানগুলির জন্য "1,000%", "750%", এবং "50%" মান প্রদর্শন করবে। এছাড়াও আপনি নিম্নলিখিত যে কোনো সরবরাহ করতে পারেন:

  • {format: 'none'} : কোনো ফর্ম্যাটিং ছাড়াই সংখ্যা প্রদর্শন করে (যেমন, 8000000)
  • {format: 'decimal'} : হাজার হাজার বিভাজক সহ সংখ্যা প্রদর্শন করে (যেমন, 8,000,000)
  • {format: 'scientific'} : বৈজ্ঞানিক স্বরলিপিতে সংখ্যা প্রদর্শন করে (যেমন, 8e6)
  • {format: 'currency'} : স্থানীয় মুদ্রায় সংখ্যা প্রদর্শন করে (যেমন, $8,000,000.00)
  • {format: 'percent'} : সংখ্যাগুলিকে শতাংশ হিসাবে প্রদর্শন করে (যেমন, 800,000,000%)
  • {format: 'short'} : সংক্ষিপ্ত সংখ্যা প্রদর্শন করে (যেমন, 8M)
  • {format: 'long'} : সংখ্যাগুলিকে পূর্ণ শব্দ হিসাবে প্রদর্শন করে (যেমন, 8 মিলিয়ন)

লেবেলে প্রয়োগ করা প্রকৃত বিন্যাসটি API লোড করা হয়েছে এমন লোকেল থেকে প্রাপ্ত। আরও বিশদ বিবরণের জন্য, একটি নির্দিষ্ট লোকেল সহ লোডিং চার্ট দেখুন।

টিক মান এবং গ্রিডলাইন গণনা করার ক্ষেত্রে, সমস্ত প্রাসঙ্গিক গ্রিডলাইন বিকল্পগুলির বেশ কয়েকটি বিকল্প সমন্বয় বিবেচনা করা হবে এবং বিকল্পগুলি প্রত্যাখ্যান করা হবে যদি ফর্ম্যাট করা টিক লেবেলগুলি ডুপ্লিকেট বা ওভারল্যাপ করা হয়। সুতরাং আপনি format:"#" যদি আপনি শুধুমাত্র পূর্ণসংখ্যার টিক মান দেখাতে চান, তবে সচেতন থাকুন যে যদি কোন বিকল্প এই শর্তটি পূরণ না করে, তাহলে কোন গ্রিডলাইন বা টিক দেখানো হবে না।

প্রকার: স্ট্রিং
ডিফল্ট: স্বয়ংক্রিয়
vAxis.gridlines

উল্লম্ব অক্ষের গ্রিডলাইনগুলি কনফিগার করার জন্য সদস্য সহ একটি বস্তু৷ উল্লেখ্য যে উল্লম্ব অক্ষ গ্রিডলাইন অনুভূমিকভাবে আঁকা হয়। এই বস্তুর বৈশিষ্ট্য নির্দিষ্ট করতে, আপনি অবজেক্ট আক্ষরিক স্বরলিপি ব্যবহার করতে পারেন, যেমনটি এখানে দেখানো হয়েছে:

{color: '#333', minSpacing: 20}
প্রকার: বস্তু
ডিফল্ট: নাল
vAxis.gridlines.color

চার্ট এলাকার ভিতরে উল্লম্ব গ্রিডলাইনের রঙ। একটি বৈধ HTML রঙের স্ট্রিং নির্দিষ্ট করুন।

প্রকার: স্ট্রিং
ডিফল্ট: '#CCC'
vAxis.gridlines.count

চার্ট এলাকার ভিতরে অনুভূমিক গ্রিডলাইনের আনুমানিক সংখ্যা। আপনি gridlines.count এর জন্য একটি ধনাত্মক সংখ্যা উল্লেখ করলে, এটি গ্রিডলাইনের মধ্যে minSpacing গণনা করতে ব্যবহৃত হবে। আপনি শুধুমাত্র একটি গ্রিডলাইন আঁকতে 1 এর মান নির্দিষ্ট করতে পারেন, অথবা কোন গ্রিডলাইন আঁকতে 0 এর মান উল্লেখ করতে পারেন। অন্যান্য বিকল্পের উপর ভিত্তি করে স্বয়ংক্রিয়ভাবে গ্রিডলাইনের সংখ্যা গণনা করতে -1 নির্দিষ্ট করুন, যা ডিফল্ট।

প্রকার: সংখ্যা
ডিফল্ট: -1
vAxis.gridlines.interval

সংলগ্ন গ্রিডলাইনগুলির মধ্যে আকারের একটি বিন্যাস (ডাটা মান হিসাবে, পিক্সেল নয়)। এই বিকল্পটি এই সময়ে শুধুমাত্র সাংখ্যিক অক্ষের জন্য, কিন্তু এটি gridlines.units.<unit>.interval বিকল্পগুলির সাথে সাদৃশ্যপূর্ণ যা শুধুমাত্র তারিখ এবং সময়ের জন্য ব্যবহৃত হয়। রৈখিক স্কেলগুলির জন্য, ডিফল্ট হল [1, 2, 2.5, 5] যার অর্থ গ্রিডলাইন মানগুলি প্রতিটি ইউনিটে (1), জোড় একক (2) বা 2.5 বা 5 এর গুণিতকগুলিতে পড়তে পারে। 10 গুণের যে কোনও শক্তি এই মানগুলিও বিবেচনা করা হয় (যেমন [10, 20, 25, 50] এবং [.1, .2, .25, .5])। লগ স্কেলগুলির জন্য, ডিফল্ট হল [1, 2, 5] ।

প্রকার: 1 এবং 10 এর মধ্যে সংখ্যা, 10 সহ নয়।
ডিফল্ট: গণনা করা
vAxis.gridlines.minSpacing

হ্যাক্সিস প্রধান গ্রিডলাইনের মধ্যে ন্যূনতম স্ক্রীন স্পেস, পিক্সেলে। প্রধান গ্রিডলাইনগুলির জন্য ডিফল্ট হল লিনিয়ার স্কেলের জন্য 40 এবং লগ স্কেলের জন্য 20 ৷ আপনি যদি count নির্দিষ্ট করেন এবং minSpacing না করেন তবে minSpacing গণনা থেকে গণনা করা হয়। এবং বিপরীতভাবে, আপনি যদি minSpacing উল্লেখ করেন এবং count না করেন তবে গণনাটি মিনস্পেসিং থেকে গণনা করা হয়। আপনি উভয় নির্দিষ্ট করলে, minSpacing ওভাররাইড করে।

প্রকার: সংখ্যা
ডিফল্ট: গণনা করা
vAxis.gridlines.multiple

সমস্ত গ্রিডলাইন এবং টিক মান এই বিকল্পের মানের একাধিক হতে হবে। মনে রাখবেন, ব্যবধানের বিপরীতে, গুণের 10 গুণের ক্ষমতা বিবেচনা করা হয় না। সুতরাং আপনি gridlines.multiple = 1 নির্দিষ্ট করে টিকগুলিকে পূর্ণসংখ্যা হতে বাধ্য করতে পারেন, অথবা gridlines.multiple = 1000 নির্দিষ্ট করে টিকগুলিকে 1000 এর গুণিতক হতে বাধ্য করতে পারেন।

প্রকার: সংখ্যা
ডিফল্ট: 1
vAxis.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*/]}
  }
}

অতিরিক্ত তথ্য তারিখ এবং সময় পাওয়া যাবে.

প্রকার: বস্তু
ডিফল্ট: নাল
vAxis.minorGridlines

vAxis.gridlines বিকল্পের অনুরূপ উল্লম্ব অক্ষের ছোট গ্রিডলাইনগুলি কনফিগার করার জন্য সদস্য সহ একটি বস্তু৷

প্রকার: বস্তু
ডিফল্ট: নাল
vAxis.minorGridlines.color

চার্ট এলাকার ভিতরে উল্লম্ব ক্ষুদ্র গ্রিডলাইনের রঙ। একটি বৈধ HTML রঙের স্ট্রিং নির্দিষ্ট করুন।

প্রকার: স্ট্রিং
ডিফল্ট: গ্রিডলাইন এবং পটভূমির রঙের মিশ্রণ
vAxis.minorGridlines.count

minorGridlines.count বিকল্পটি বেশিরভাগই অবহেলিত, কাউন্ট 0 তে সেট করে ছোট গ্রিডলাইনগুলি নিষ্ক্রিয় করা ছাড়া। ছোট গ্রিডলাইনের সংখ্যা প্রধান গ্রিডলাইনগুলির মধ্যে ব্যবধানের উপর নির্ভর করে (vAxis.gridlines.interval দেখুন) এবং ন্যূনতম প্রয়োজনীয় স্থান (vAxis দেখুন)। minorGridlines.minSpacing)।

প্রকার: সংখ্যা
ডিফল্ট: 1
vAxis.minorGridlines.interval

minorGridlines.interval বিকল্পটি প্রধান গ্রিডলাইন ব্যবধান বিকল্পের মতো, তবে যে ব্যবধানটি বেছে নেওয়া হয়েছে তা সর্বদা প্রধান গ্রিডলাইন ব্যবধানের একটি সমান ভাজক হবে। রৈখিক স্কেলগুলির জন্য ডিফল্ট ব্যবধান হল [1, 1.5, 2, 2.5, 5] , এবং লগ স্কেলগুলির জন্য হল [1, 2, 5] ।

প্রকার: সংখ্যা
ডিফল্ট: 1
vAxis.minorGridlines.minSpacing

ন্যূনতম প্রয়োজনীয় স্থান, পিক্সেলে, সংলগ্ন ছোট গ্রিডলাইনের মধ্যে এবং ছোট এবং বড় গ্রিডলাইনের মধ্যে। ডিফল্ট মানটি লিনিয়ার স্কেলগুলির জন্য প্রধান গ্রিডলাইনগুলির মিনস্পেসিং 1/2 এবং লগ স্কেলগুলির জন্য মিনস্পেসিং 1/5।

প্রকার: সংখ্যা
ডিফল্ট: গণনা করা
vaxis.minorgridlines.multiple

মেজর gridlines.multiple হিসাবে একই।

প্রকার: সংখ্যা
ডিফল্ট: 1
vaxis.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*/]},
  }
}

অতিরিক্ত তথ্য তারিখ এবং সময়ে পাওয়া যাবে।

প্রকার: বস্তু
ডিফল্ট: নাল
vaxis.logscale

যদি সত্য হয় তবে উল্লম্ব অক্ষকে লোগারিথমিক স্কেল করে তোলে। দ্রষ্টব্য: সমস্ত মান অবশ্যই ইতিবাচক হতে হবে।

প্রকার: বুলিয়ান
ডিফল্ট: মিথ্যা
vaxis.scaletype

vAxis সম্পত্তি যা উল্লম্ব অক্ষকে লগারিদমিক স্কেল করে তোলে। নিম্নলিখিতগুলির মধ্যে একটি হতে পারে:

  • নাল - কোনও লগারিদমিক স্কেলিং সঞ্চালিত হয় না।
  • 'লগ' - লগারিদমিক স্কেলিং। নেতিবাচক এবং শূন্য মানগুলি প্লট করা হয় না। এই বিকল্পটি vAxis: { logscale: true }
  • 'মিররলগ' - লোগারিথমিক স্কেলিং যাতে নেতিবাচক এবং শূন্য মানগুলি প্লট করা হয়। নেতিবাচক সংখ্যার প্লট করা মান হ'ল পরম মানের লগের নেতিবাচক। 0 এর কাছাকাছি মানগুলি লিনিয়ার স্কেলে প্লট করা হয়।
প্রকার: স্ট্রিং
ডিফল্ট: নাল
vaxis.textposition

চার্ট অঞ্চলের সাথে সম্পর্কিত উল্লম্ব অক্ষ পাঠ্যের অবস্থান। সমর্থিত মানগুলি: 'আউট', 'ইন', 'কিছুই নয়'।

প্রকার: স্ট্রিং
ডিফল্ট: 'আউট'
vaxis.textstyle

একটি অবজেক্ট যা উল্লম্ব অক্ষ পাঠ্য শৈলী নির্দিষ্ট করে। বস্তুর এই বিন্যাস আছে:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color যেকোনো HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: 'red' বা '#00cc00' । এছাড়াও fontName এবং fontSize দেখুন।

প্রকার: বস্তু
ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vaxis.ticks

নির্দিষ্ট অ্যারের সাথে স্বয়ংক্রিয়ভাবে উত্পাদিত ওয়াই-অক্ষ টিকগুলি প্রতিস্থাপন করে। অ্যারের প্রতিটি উপাদান হয় বৈধ টিক মান (যেমন একটি সংখ্যা, তারিখ, তারিখ, বা টাইমফডে), বা কোনও অবজেক্ট হওয়া উচিত। যদি এটি কোনও বস্তু হয় তবে এটির টিক মানের জন্য একটি v সম্পত্তি থাকা উচিত এবং লেবেল হিসাবে প্রদর্শিত হতে আক্ষরিক স্ট্রিংযুক্ত একটি al চ্ছিক f সম্পত্তি থাকা উচিত।

আপনি viewWindow.min বা viewWindow.max ওভাররাইড করার জন্য নির্দিষ্ট না করে মিন এবং সর্বাধিক টিকগুলি অন্তর্ভুক্ত করার জন্য ভিউউইন্ডো স্বয়ংক্রিয়ভাবে প্রসারিত হবে।

উদাহরণ:

  • vAxis: { ticks: [5,10,15,20] }
  • vAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] }
  • vAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] }
  • vAxis: { ticks: [16, {v:32, f:'thirty two'}, {v:64, f:'sixty four'}, 128] }
প্রকার: উপাদানগুলির অ্যারে
ডিফল্ট: স্বয়ংক্রিয়
vaxis.title

vAxis সম্পত্তি যা উল্লম্ব অক্ষের জন্য একটি শিরোনাম নির্দিষ্ট করে।

প্রকার: স্ট্রিং
ডিফল্ট: কোনও শিরোনাম নেই
vaxis.titletextsyle

একটি অবজেক্ট যা উল্লম্ব অক্ষ শিরোনাম পাঠ্য শৈলী নির্দিষ্ট করে। বস্তুর এই বিন্যাস আছে:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color যেকোনো HTML রঙের স্ট্রিং হতে পারে, উদাহরণস্বরূপ: 'red' বা '#00cc00' । এছাড়াও fontName এবং fontSize দেখুন।

প্রকার: বস্তু
ডিফল্ট: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vaxis.maxvalue

উল্লম্ব অক্ষের সর্বোচ্চ মানকে নির্দিষ্ট মানটিতে সরিয়ে দেয়; এটি বেশিরভাগ চার্টে ward র্ধ্বমুখী হবে। এটি উপেক্ষা করা হয় যদি এটি ডেটার সর্বাধিক y-মান থেকে ছোট কোনও মান সেট করা থাকে। vAxis.viewWindow.max এই সম্পত্তিটি ওভাররাইড করে।

প্রকার: সংখ্যা
ডিফল্ট: স্বয়ংক্রিয়
vaxis.minvalue

উল্লম্ব অক্ষের ন্যূনতম মানকে নির্দিষ্ট মানটিতে সরিয়ে দেয়; এটি বেশিরভাগ চার্টে নিম্নমুখী হবে। যদি এটি ডেটার ন্যূনতম y-মান থেকে বেশি মান হিসাবে সেট করা থাকে তবে তা উপেক্ষা করা হয়েছে। vAxis.viewWindow.min এই সম্পত্তিটি ওভাররাইড করে।

প্রকার: সংখ্যা
ডিফল্ট: নাল
vaxis.viewwindowmode

চার্ট অঞ্চলের মধ্যে মানগুলি রেন্ডার করতে কীভাবে উল্লম্ব অক্ষটি স্কেল করবেন তা নির্দিষ্ট করে। নিম্নলিখিত স্ট্রিং মান সমর্থিত:

  • 'সুন্দর' - উল্লম্ব মানগুলি স্কেল করুন যাতে সর্বাধিক এবং সর্বনিম্ন ডেটা মানগুলি চার্ট অঞ্চলের নীচে এবং শীর্ষের ভিতরে কিছুটা রেন্ডার করা হয়। ভিউউইন্ডো সংখ্যার জন্য নিকটতম প্রধান গ্রিডলাইন বা তারিখ এবং সময়ের জন্য নিকটতম মাইনর গ্রিডলাইন পর্যন্ত প্রসারিত করা হয়েছে।
  • 'ম্যাক্সিমাইজড' - উল্লম্ব মানগুলি স্কেল করুন যাতে সর্বাধিক এবং ন্যূনতম ডেটা মানগুলি চার্ট অঞ্চলের উপরের এবং নীচে স্পর্শ করে। এর ফলে vaxis.viewWindow.min এবং vaxis.viewWindow.max উপেক্ষা করা হবে।
  • 'সুস্পষ্ট' - চার্ট অঞ্চলের শীর্ষ এবং নীচের স্কেল মানগুলি নির্দিষ্ট করার জন্য একটি অবমূল্যায়িত বিকল্প। (অবমূল্যায়ন করা হয়েছে vAxis.viewWindow এটি vaxis.viewWindow.min এবং vaxis.viewWindow.max সাথে অপ্রয়োজনীয়।
প্রকার: স্ট্রিং
ডিফল্ট: 'সুন্দর' এর সমতুল্য, তবে vaxis.viewWindow.min এবং vaxis.viewWindow.max ব্যবহার করা হলে অগ্রাধিকার নিন।
vaxis.viewwindow

উল্লম্ব অক্ষের ক্রপিং পরিসীমা নির্দিষ্ট করে।

প্রকার: বস্তু
ডিফল্ট: নাল
vaxis.viewwindow.max

রেন্ডার করতে সর্বাধিক উল্লম্ব ডেটা মান।

vAxis.viewWindowMode 'সুন্দর' বা 'সর্বাধিক' হয় যখন উপেক্ষা করা হয়।

প্রকার: সংখ্যা
ডিফল্ট: স্বয়ংক্রিয়
vaxis.viewwindow.min

রেন্ডার করতে সর্বনিম্ন উল্লম্ব ডেটা মান।

vAxis.viewWindowMode 'সুন্দর' বা 'সর্বাধিক' হয় যখন উপেক্ষা করা হয়।

প্রকার: সংখ্যা
ডিফল্ট: স্বয়ংক্রিয়
প্রস্থ

চার্টের প্রস্থ, পিক্সেলে।

প্রকার: সংখ্যা
ডিফল্ট: ধারণকারী উপাদানের প্রস্থ

পদ্ধতি

পদ্ধতি
draw(data, options)

চার্ট আঁকে। ready ইভেন্ট ফায়ার হওয়ার পরেই চার্টটি আরও মেথড কল গ্রহণ করে। Extended description .

রিটার্ন টাইপ: কোনোটিই নয়
getAction(actionID)

অনুরোধ করা actionID সহ টুলটিপ অ্যাকশন অবজেক্টটি ফেরত দেয়।

রিটার্ন টাইপ: অবজেক্ট
getBoundingBox(id)

চার্ট এলিমেন্ট id বাম, উপরে, প্রস্থ এবং উচ্চতা সম্বলিত একটি বস্তু প্রদান করে। id বিন্যাসটি এখনও নথিভুক্ত করা হয়নি (এগুলি ইভেন্ট হ্যান্ডলারের রিটার্ন মান), তবে এখানে কিছু উদাহরণ রয়েছে:

var cli = chart.getChartLayoutInterface();

চার্ট এলাকার উচ্চতা
cli.getBoundingBox('chartarea').height
একটি বার বা কলাম চার্টের প্রথম সিরিজের তৃতীয় বারের প্রস্থ
cli.getBoundingBox('bar#0#2').width
পাই চার্টের পঞ্চম ওয়েজের বাউন্ডিং বক্স
cli.getBoundingBox('slice#4')
একটি উল্লম্ব (যেমন, কলাম) চার্টের চার্ট ডেটার বাউন্ডিং বক্স:
cli.getBoundingBox('vAxis#0#gridline')
একটি অনুভূমিক (যেমন, বার) চার্টের চার্ট ডেটার বাউন্ডিং বক্স:
cli.getBoundingBox('hAxis#0#gridline')

মানগুলি চার্টের কন্টেইনারের সাথে আপেক্ষিক। চার্ট আঁকা পরে এটি কল.

রিটার্ন টাইপ: অবজেক্ট
getChartAreaBoundingBox()

চার্ট সামগ্রীর বাম, শীর্ষ, প্রস্থ এবং উচ্চতা (যেমন, লেবেল এবং কিংবদন্তি বাদে) সমন্বিত একটি বস্তু প্রদান করে:

var cli = chart.getChartLayoutInterface();

cli.getChartAreaBoundingBox().left
cli.getChartAreaBoundingBox().top
cli.getChartAreaBoundingBox().height
cli.getChartAreaBoundingBox().width

মানগুলি চার্টের কন্টেইনারের সাথে আপেক্ষিক। চার্ট আঁকা পরে এটি কল.

রিটার্ন টাইপ: অবজেক্ট
getChartLayoutInterface()

চার্ট এবং এর উপাদানগুলির অনস্ক্রিন প্লেসমেন্ট সম্পর্কে তথ্যযুক্ত একটি অবজেক্টকে প্রদান করে।

নিম্নলিখিত পদ্ধতিগুলি ফিরে আসা অবজেক্টে কল করা যেতে পারে:

  • getBoundingBox
  • getChartAreaBoundingBox
  • getHAxisValue
  • getVAxisValue
  • getXLocation
  • getYLocation

চার্ট আঁকা পরে এটি কল.

রিটার্ন টাইপ: অবজেক্ট
getHAxisValue(xPosition, optional_axis_index)

xPosition অনুভূমিক ডেটা মানটি ফেরত দেয়, যা চার্ট ধারকটির বাম প্রান্ত থেকে অফসেট একটি পিক্সেল। নেতিবাচক হতে পারে।

উদাহরণ: chart.getChartLayoutInterface().getHAxisValue(400) ।

চার্ট আঁকা পরে এটি কল.

রিটার্ন প্রকার: সংখ্যা
getImageURI()

চিত্রটি ইউআরআই হিসাবে সিরিয়ালযুক্ত চার্টটি প্রদান করে।

চার্ট আঁকা পরে এটি কল.

পিএনজি চার্ট মুদ্রণ দেখুন।

রিটার্ন প্রকার: স্ট্রিং
getSelection()

নির্বাচিত চার্ট সত্তাগুলির একটি অ্যারে প্রদান করে। নির্বাচনযোগ্য সত্তা হল বার, কিংবদন্তি এন্ট্রি এবং বিভাগ। এই চার্টের জন্য, যে কোনো মুহূর্তে শুধুমাত্র একটি সত্তা নির্বাচন করা যেতে পারে। Extended description .

রিটার্ন টাইপ: নির্বাচন উপাদানের অ্যারে
getVAxisValue(yPosition, optional_axis_index)

yPosition উল্লম্ব ডেটা মানটি ফেরত দেয়, যা চার্ট ধারকটির শীর্ষ প্রান্ত থেকে নিচে একটি পিক্সেল অফসেট। নেতিবাচক হতে পারে।

উদাহরণ: chart.getChartLayoutInterface().getVAxisValue(300) ।

চার্ট আঁকা পরে এটি কল.

রিটার্ন প্রকার: সংখ্যা
getXLocation(dataValue, optional_axis_index)

চার্টের ধারকটির বাম প্রান্তের তুলনায় dataValue পিক্সেল এক্স-সমন্বিত।

উদাহরণ: chart.getChartLayoutInterface().getXLocation(400) ।

চার্ট আঁকা পরে এটি কল.

রিটার্ন প্রকার: সংখ্যা
getYLocation(dataValue, optional_axis_index)

চার্টের ধারকটির শীর্ষ প্রান্তের তুলনায় dataValue পিক্সেল ওয়াই-সমন্বয়কে ফিরিয়ে দেয়।

উদাহরণ: chart.getChartLayoutInterface().getYLocation(300) ।

চার্ট আঁকা পরে এটি কল.

রিটার্ন প্রকার: সংখ্যা
removeAction(actionID)

চার্ট থেকে অনুরোধ করা actionID দিয়ে টুলটিপ অ্যাকশনটি সরিয়ে দেয়।

রিটার্ন টাইপ: none
setAction(action)

ব্যবহারকারী যখন ক্রিয়া পাঠ্যে ক্লিক করেন তখন কার্যকর করার জন্য একটি টুলটিপ অ্যাকশন সেট করে।

setAction পদ্ধতিটি তার অ্যাকশন প্যারামিটার হিসাবে কোনও অবজেক্ট নেয়। এই অবজেক্টটি 3 টি বৈশিষ্ট্য নির্দিষ্ট করা উচিত: id - অ্যাকশন সেট করা হচ্ছে, text - ক্রিয়াটির জন্য সরঞ্জামটিপে উপস্থিত হওয়া পাঠ্য এবং action - যখন কোনও ব্যবহারকারী ক্রিয়া পাঠ্যে ক্লিক করেন তখন ফাংশনটি চালানো উচিত।

চার্টের draw() পদ্ধতিতে কল করার আগে যে কোনও এবং সমস্ত টুলটিআইপি ক্রিয়া সেট করা উচিত। বর্ধিত বিবরণ .

রিটার্ন টাইপ: none
setSelection()

নির্দিষ্ট চার্ট সত্তা নির্বাচন করে। আগের যেকোনো নির্বাচন বাতিল করে। নির্বাচনযোগ্য সত্তা হল বার, কিংবদন্তি এন্ট্রি এবং বিভাগ। এই চার্টের জন্য, একবারে শুধুমাত্র একটি সত্তা নির্বাচন করা যেতে পারে। Extended description .

রিটার্ন টাইপ: কোনোটিই নয়
clearChart()

চার্টটি সাফ করে এবং এর সমস্ত বরাদ্দকৃত সংস্থান প্রকাশ করে।

রিটার্ন টাইপ: কোনোটিই নয়

ঘটনা

এই ইভেন্টগুলি কীভাবে ব্যবহার করবেন সে সম্পর্কে আরও তথ্যের জন্য, বেসিক ইন্টারঅ্যাক্টিভিটি , হ্যান্ডলিং ইভেন্টগুলি এবং ফায়ারিং ইভেন্টগুলি দেখুন।

নাম
animationfinish

ট্রানজিশন অ্যানিমেশন সম্পূর্ণ হলে ফায়ার করা।

বৈশিষ্ট্য: কোনোটিই নয়
click

ব্যবহারকারী চার্টের ভিতরে ক্লিক করলে ফায়ার করা হয়। শিরোনাম, ডেটা উপাদান, কিংবদন্তি এন্ট্রি, অক্ষ, গ্রিডলাইন বা লেবেলগুলি কখন ক্লিক করা হয় তা সনাক্ত করতে ব্যবহার করা যেতে পারে।

বৈশিষ্ট্য: টার্গেট
error

চার্ট রেন্ডার করার চেষ্টা করার সময় একটি ত্রুটি ঘটলে বহিস্কার করা হয়।

বৈশিষ্ট্য: আইডি, বার্তা
legendpagination

ব্যবহারকারী যখন কিংবদন্তি পৃষ্ঠাগুলি তীরগুলি ক্লিক করেন তখন বরখাস্ত। বর্তমান কিংবদন্তি শূন্য-ভিত্তিক পৃষ্ঠা সূচক এবং মোট পৃষ্ঠাগুলির সংখ্যা ফিরে আসে।

বৈশিষ্ট্য: কারেন্টপেজ ইন্ডেক্স, মোট পৃষ্ঠাগুলি
onmouseover

যখন ব্যবহারকারী একটি ভিজ্যুয়াল সত্তার উপর মাউস দেয় তখন বহিস্কার করা হয়। সংশ্লিষ্ট ডেটা টেবিল উপাদানের সারি এবং কলামের সূচকগুলিকে পাস করে। একটি বার ডেটা টেবিলের একটি কক্ষের সাথে সম্পর্কযুক্ত, একটি কলামে একটি কিংবদন্তি এন্ট্রি (সারি সূচকটি শূন্য), এবং একটি সারির একটি বিভাগ (কলাম সূচকটি শূন্য)।

বৈশিষ্ট্য: সারি, কলাম
onmouseout

ব্যবহারকারী মাউস একটি ভিজ্যুয়াল সত্তা থেকে দূরে থাকলে বহিস্কার করা হয়। সংশ্লিষ্ট ডেটা টেবিল উপাদানের সারি এবং কলামের সূচকগুলিকে পাস করে। একটি বার ডেটা টেবিলের একটি কক্ষের সাথে সম্পর্কযুক্ত, একটি কলামে একটি কিংবদন্তি এন্ট্রি (সারি সূচকটি শূন্য), এবং একটি সারির একটি বিভাগ (কলাম সূচকটি শূন্য)।

বৈশিষ্ট্য: সারি, কলাম
ready

চার্টটি বাহ্যিক পদ্ধতি কলের জন্য প্রস্তুত। আপনি যদি চার্টের সাথে ইন্টারঅ্যাক্ট করতে চান, এবং আপনি এটি আঁকার পরে কল করার পদ্ধতিগুলি চান, তাহলে draw পদ্ধতিতে কল করার আগে আপনাকে এই ইভেন্টের জন্য একজন শ্রোতা সেট আপ করতে হবে এবং ইভেন্টটি বরখাস্ত হওয়ার পরেই তাদের কল করতে হবে।

বৈশিষ্ট্য: কোনোটিই নয়
select

ব্যবহারকারী একটি ভিজ্যুয়াল সত্তা ক্লিক করলে বহিস্কার করা হয়। কি নির্বাচন করা হয়েছে তা জানতে, getSelection() কল করুন।

বৈশিষ্ট্য: কোনোটিই নয়

ডেটা নীতি

সমস্ত কোড এবং ডেটা ব্রাউজারে প্রসেস এবং রেন্ডার করা হয়। কোনো সার্ভারে কোনো ডেটা পাঠানো হয় না।