ক্যান্ডেলস্টিক ইমেজ চার্ট

গুরুত্বপূর্ণ: Google চার্ট টুলের ইমেজ চার্টের অংশটি 20 এপ্রিল, 2012 থেকে আনুষ্ঠানিকভাবে অবমুক্ত করা হয়েছে। এটি আমাদের অবচয় নীতি অনুযায়ী কাজ করতে থাকবে।

  1. ওভারভিউ
  2. উদাহরণ
  3. লোড হচ্ছে
  4. উপাত্ত বিন্যাস
  5. কনফিগারেশন অপশন
  6. পদ্ধতি
  7. ঘটনা
  8. ডেটা নীতি

ওভারভিউ

একটি ক্যান্ডেলস্টিক চার্ট যা Google চার্ট API ব্যবহার করে একটি চিত্র হিসাবে রেন্ডার করা হয়।

একটি ক্যান্ডেলস্টিক চার্ট একটি মোট বৈচিত্র্যের উপরে ওভারলেড একটি খোলা এবং বন্ধ করার মান দেখানোর জন্য ব্যবহার করা হয়। ক্যান্ডেলস্টিক চার্ট প্রায়ই স্টক মূল্য আচরণ দেখানোর জন্য ব্যবহার করা হয়। এই চার্টে, যে আইটেমগুলির খোলার মান ক্লোজিং মানের চেয়ে কম সেগুলি সবুজ রঙে আঁকা হয় এবং যে আইটেমগুলির খোলার মান সমাপ্তি মানের চেয়ে বেশি সেগুলি লাল রঙে আঁকা হয়। আরও তথ্যের জন্য Google চার্ট API-এ ক্যান্ডেলস্টিক ডকুমেন্টেশন দেখুন।

উদাহরণ 

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {packages:["imagechart"]});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var options = {};
        dataTable = google.visualization.arrayToDataTable([
          ['Gainers',10,30,45,60],
          ['Losers',20,35,25,45],
          ], true);

       var chart = new google.visualization.ImageCandlestickChart(document.getElementById('chart_div'));
       chart.draw(dataTable, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 400px; height: 240px;"></div>
  </body>
</html>

লোড হচ্ছে

google.charts.load প্যাকেজের নাম হল "imagechart" ।

  google.charts.load('current', {packages: [imagechart]});

ভিজ্যুয়ালাইজেশনের ক্লাসের নাম হল google.visualization. ImageCandlestickChart ।

  var visualization = new google.visualization.ImageCandlestickChart(container);

উপাত্ত বিন্যাস

পাঁচটি কলাম, যেখানে প্রতিটি সারি একটি একক ক্যান্ডেলস্টিক চিহ্নিতকারীকে বর্ণনা করে:

  • Col 0: X অক্ষের এই মার্কারের জন্য একটি লেবেল হিসাবে ব্যবহৃত স্ট্রিং।
  • কল 1: এই মার্কারের নিম্ন/সর্বনিম্ন মান নির্দিষ্ট করে সংখ্যা। এটি কালো রেখার ভিত্তি।
  • Col 2: এই মার্কারের প্রারম্ভিক/প্রাথমিক মান নির্দিষ্ট করে সংখ্যা। এটি মোমবাতির একটি উল্লম্ব সীমানা। কলাম 3 মানের থেকে কম হলে, মোমবাতি সবুজ হবে; অন্যথায় এটি লাল হবে।
  • Col 3: এই মার্কারের সমাপ্তি/চূড়ান্ত মান নির্দিষ্ট করে নম্বর। এটি মোমবাতির দ্বিতীয় উল্লম্ব সীমানা। কলাম 2 মানের থেকে কম হলে, মোমবাতিটি লাল হবে; অন্যথায় এটি সবুজ হবে।
  • Col 4: এই মার্কারের উচ্চ/সর্বোচ্চ মান নির্দিষ্ট করে সংখ্যা। এটি কালো রেখার শীর্ষ।

কনফিগারেশন অপশন

জেনেরিক ইমেজ চার্ট দ্বারা সমর্থিত বিকল্পগুলি ছাড়াও, ক্যান্ডেলস্টিক চার্ট নিম্নলিখিত বিকল্পগুলিকে সমর্থন করে:

নাম টাইপ ডিফল্ট বর্ণনা
পেছনের রং স্ট্রিং '#FFFFFF' (সাদা) চার্টের জন্য পটভূমির রঙ। এটি একটি #RRGGBB স্ট্রিং, # চিহ্ন সহ।
এক্সিসলাইনস দেখান বুলিয়ান সত্য অক্ষরেখা দেখাতে হবে কিনা। যদি মিথ্যাতে সেট করা হয়, তাহলে অক্ষ লেবেলগুলিও দেখানো হবে না৷
উচ্চতা সংখ্যা ধারণকারী উপাদানের উচ্চতা চার্টের উচ্চতা, পিক্সেলে। যদি 30 < উচ্চতা বা উচ্চতা > 1,000 হয় তবে এই মানটি ডিফল্ট 200 হবে।
সর্বোচ্চ সংখ্যা সর্বাধিক ডেটা মান সর্বাধিক Y অক্ষ মান।
মিনিট সংখ্যা ন্যূনতম ডেটা মান সর্বনিম্ন Y অক্ষ মান।
ক্যাটাগরি লেবেল দেখান বুলিয়ান সত্য মিথ্যা হলে, X অক্ষের লেবেল লুকিয়ে রাখে।
শোভ্যালু লেবেল বুলিয়ান সত্য মিথ্যা হলে, Y অক্ষের লেবেল লুকিয়ে রাখে।
শো ভ্যালুলেবেল অভ্যন্তরীণ সংখ্যা স্বয়ংক্রিয় Y অক্ষ লেবেলের মধ্যে ব্যবধান, পিক্সেলে।
শিরোনাম স্ট্রিং ' চার্টের উপরে দেখানোর জন্য পাঠ্য।
প্রস্থ সংখ্যা ধারণকারী উপাদানের প্রস্থ চার্টের প্রস্থ, পিক্সেলে। যদি প্রস্থ 30-এর কম বা 1,000-এর বেশি হয়, তাহলে প্রস্থ 300-এ সেট করা হবে।

পদ্ধতি

পদ্ধতি রিটার্ন টাইপ বর্ণনা
draw(data, options) কোনটি চার্ট আঁকে।

ঘটনা

জেনেরিক ইমেজ চার্ট পৃষ্ঠায় বর্ণিত ঘটনাগুলি শুনতে আপনি নিবন্ধন করতে পারেন।

ডেটা নীতি

অনুগ্রহ করে চার্ট API লগিং নীতি পড়ুন।