نمودار تصویری کندل استیک

مهم: بخش نمودارهای تصویری ابزار نمودار Google از 20 آوریل 2012 رسماً منسوخ شده است . طبق خط مشی منسوخ شدن ما به کار خود ادامه خواهد داد.

  1. بررسی اجمالی
  2. مثال
  3. بارگذاری
  4. فرمت داده
  5. گزینه های پیکربندی
  6. مواد و روش ها
  7. مناسبت ها
  8. سیاست داده

بررسی اجمالی

نمودار شمعی که با استفاده از Google Charts API به صورت تصویر ارائه می‌شود.

نمودار کندل استیک برای نشان دادن مقدار باز و بسته شدن در بالای واریانس کل استفاده می شود. نمودارهای کندل استیک اغلب برای نشان دادن رفتار ارزش سهام استفاده می شود. در این نمودار مواردی که مقدار باز شدن آنها کمتر از مقدار بسته شدن است با رنگ سبز و مواردی که مقدار باز شدن آنها بیشتر از مقدار بسته شدن است با رنگ قرمز ترسیم می شوند. برای اطلاعات بیشتر به مستندات کندل استیک در Google Charts API مراجعه کنید.

مثال

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['imagechart']}); </script> <div id="chart_div" style="width: 400px; height: 240px;"></div> 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 type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['imagechart']}); </script> <div id="chart_div" style="width: 400px; height: 240px;"></div> 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); }
<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 استفاده می شود.
  • Col 1: عددی که مقدار کم/حداقل این نشانگر را مشخص می کند. این پایه خط سیاه است.
  • Col 2: عددی که مقدار باز / اولیه این نشانگر را مشخص می کند. این یک مرز عمودی شمع است. اگر کمتر از مقدار ستون 3 باشد، شمع سبز خواهد شد. در غیر این صورت قرمز می شود.
  • Col 3: عددی که مقدار بسته شدن/نهایی این نشانگر را مشخص می کند. این دومین حاشیه عمودی شمع است. اگر کمتر از مقدار ستون 2 باشد، شمع قرمز خواهد بود. در غیر این صورت سبز می شود.
  • Col 4: عددی که مقدار زیاد/حداکثر این نشانگر را مشخص می کند. این بالای خط سیاه است.

گزینه های پیکربندی

علاوه بر گزینه های پشتیبانی شده توسط نمودار تصویر عمومی، نمودار شمعی از گزینه های زیر پشتیبانی می کند:

نام تایپ کنید پیش فرض شرح
رنگ پس زمینه رشته "#FFFFFF" (سفید) رنگ پس زمینه برای نمودار. این یک رشته #RRGGBB است که علامت # را نیز شامل می شود.
showAxisLines بولی درست است، واقعی آیا برای نشان دادن خطوط محور. اگر روی false تنظیم شود، برچسب های محور نیز نشان داده نمی شوند.
ارتفاع عدد ارتفاع عنصر حاوی ارتفاع نمودار، بر حسب پیکسل. اگر 30 < ارتفاع یا ارتفاع > 1000 باشد، این مقدار به طور پیش فرض 200 خواهد بود.
حداکثر عدد حداکثر مقدار داده حداکثر مقدار محور Y.
دقیقه عدد حداقل مقدار داده حداقل مقدار محور Y.
نشان دادن دسته بندی برچسب ها بولی درست است، واقعی اگر نادرست است، برچسب های محور X را پنهان می کند.
showValueLabels بولی درست است، واقعی اگر نادرست است، برچسب های محور Y را پنهان می کند.
showValueLabelsInternal عدد خودکار فاصله بین برچسب های محور Y، بر حسب پیکسل.
عنوان رشته '' متن برای نمایش در بالای نمودار.
عرض عدد عرض عنصر حاوی عرض نمودار، بر حسب پیکسل. اگر عرض کمتر از 30 یا بیشتر از 1000 باشد، عرض روی 300 تنظیم می شود.

مواد و روش ها

روش نوع برگشت شرح
draw(data, options) هیچ یک نمودار را رسم می کند.

مناسبت ها

می توانید برای شنیدن رویدادهای شرح داده شده در صفحه نمودار تصویر عمومی ثبت نام کنید.

سیاست داده

لطفاً به خط مشی ورود به سیستم نمودار API مراجعه کنید.