نمودار شمعی که با استفاده از Google Charts API به صورت تصویر ارائه میشود.
نمودار کندل استیک برای نشان دادن مقدار باز و بسته شدن در بالای واریانس کل استفاده می شود. نمودارهای کندل استیک اغلب برای نشان دادن رفتار ارزش سهام استفاده می شوند. در این نمودار مواردی که مقدار باز شدن آنها کمتر از مقدار بسته شدن است با رنگ سبز و مواردی که مقدار باز شدن آنها بیشتر از مقدار بسته شدن است با رنگ قرمز ترسیم می شوند. برای اطلاعات بیشتر به مستندات کندل استیک در Google Charts API مراجعه کنید.
نام کلاس تجسم 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)
هیچ یک
نمودار را رسم می کند.
مناسبت ها
می توانید برای شنیدن رویدادهای شرح داده شده در صفحه نمودار تصویر عمومی ثبت نام کنید.
تاریخ آخرین بهروزرسانی 2024-07-10 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2024-07-10 بهوقت ساعت هماهنگ جهانی."],[],[],null,["# Candlestick Image Chart\n\n**Important:** The Image Charts portion of Google Chart Tools has been [officially deprecated](http://googledevelopers.blogspot.com/2012/04/changes-to-deprecation-policies-and-api.html) as of April 20, 2012. It will continue to work as per our [deprecation policy](/chart/terms). \n1. [Overview](#Overview)\n2. [Example](#Example)\n3. [Loading](#Loading)\n4. [Data Format](#Data_Format)\n5. [Configuration Options](#Configuration_Options)\n6. [Methods](#Methods)\n7. [Events](#Events)\n8. [Data Policy](#Data_Policy)\n\nOverview\n--------\n\n\nA candlestick chart that is rendered as an image using the [Google Charts API](/chart/image/docs/gallery/compound_charts#candlestick_charts).\n\nA candlestick chart is used to show an opening and closing value overlaid on top of a total variance. Candlestick charts are often used to show stock value behavior. In this chart, items where the opening value is less than the closing value are drawn in green, and items where the opening value is more than the closing value are drawn in red. See the [candlestick documentation in the Google Charts API](/chart/image/docs/gallery/compound_charts#candlestick_charts) for more information.\n\nExample\n-------\n\n\u003cbr /\u003e\n\n\\\u003cscript type=\"text/javascript\" src=\"https://www.gstatic.com/charts/loader.js\"\\\u003e\\\u003c/script\\\u003e \\\u003cscript type=\"text/javascript\"\\\u003e google.charts.load('current', {'packages':\\['imagechart'\\]}); \\\u003c/script\\\u003e \\\u003cdiv id=\"chart_div\" style=\"width: 400px; height: 240px;\"\\\u003e\\\u003c/div\\\u003e 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); } \n\n```html\n\u003chtml\u003e\n \u003chead\u003e\n \u003cscript type=\"text/javascript\" src=\"https://www.gstatic.com/charts/loader.js\"\u003e\u003c/script\u003e\n \u003cscript type=\"text/javascript\"\u003e\n google.charts.load(\"current\", {packages:[\"imagechart\"]});\n google.charts.setOnLoadCallback(drawChart);\n\n function drawChart() {\n\n var options = {};\n dataTable = google.visualization.arrayToDataTable([\n ['Gainers',10,30,45,60],\n ['Losers',20,35,25,45],\n ], true);\n\n var chart = new google.visualization.ImageCandlestickChart(document.getElementById('chart_div'));\n chart.draw(dataTable, options);\n }\n \u003c/script\u003e\n \u003c/head\u003e\n \u003cbody\u003e\n \u003cdiv id=\"chart_div\" style=\"width: 400px; height: 240px;\"\u003e\u003c/div\u003e\n \u003c/body\u003e\n\u003c/html\u003e\n```\n\nLoading\n-------\n\n\nThe `google.charts.load` package name is `\"imagechart\"`. \n\n```transact-sql\n google.charts.load('current', {packages: [imagechart]});\n```\n\n\nThe visualization's class name is `google.visualization.`ImageCandlestickChart. \n\n```gdscript\n var visualization = new google.visualization.ImageCandlestickChart(container);\n```\n\nData Format\n-----------\n\nFive columns, where each row describes a single candlestick marker:\n\n- **Col 0:** String used as a label for this marker on the X axis.\n- **Col 1:** Number specifying the low/minimum value of this marker. This is the base of the black line.\n- **Col 2:** Number specifying the opening/initial value of this marker. This is one vertical border of the candle. If less than the column 3 value, the candle will be green; otherwise it will be red.\n- **Col 3:** Number specifying the closing/final value of this marker. This is the second vertical border of the candle. If less than the column 2 value, the candle will be red; otherwise it will be green.\n- **Col 4:** Number specifying the high/maximum value of this marker. This is the top of the black line.\n\nConfiguration Options\n---------------------\n\nIn addition to the options supported by the [Generic Image Chart](/chart/interactive/docs/gallery/genericimagechart#Configuration_Options),\nthe Candlestick Chart supports the following options:\n\n| Name | Type | Default | Description |\n|-------------------------|---------|----------------------------------|-------------------------------------------------------------------------------------------------------------------|\n| backgroundColor | string | '#FFFFFF' (white) | The background color for the chart. This is a #RRGGBB string, including the # mark. |\n| showAxisLines | boolean | true | Whether to show the axis lines. If set to false, then the axis labels will also not be shown. |\n| height | number | Height of the containing element | Height of the chart, in pixels. If 30 \\\u003c *height* or *height* \\\u003e 1,000 then this value will default to 200. |\n| max | number | Maximum data value | The maximum Y axis value. |\n| min | number | Minimum data value | The minimum Y axis value. |\n| showCategoryLabels | boolean | true | If false, hides the X axis labels. |\n| showValueLabels | boolean | true | If false, hides the Y axis labels. |\n| showValueLabelsInternal | number | auto | The spacing between the Y axis labels, in pixels. |\n| title | string | '' | Text to display above the chart. |\n| width | number | Width of the containing element | Width of the chart, in pixels. If *width* is less than 30 or greater than 1,000, then *width* will be set to 300. |\n\nMethods\n-------\n\n| Method | Return Type | Description |\n|-----------------------|-------------|------------------|\n| `draw(data, options)` | none | Draws the chart. |\n\nEvents\n------\n\nYou can register to hear the events described on the [Generic\nImage Chart](/chart/interactive/docs/gallery/genericimagechart#Events) page.\n\nData Policy\n-----------\n\n\nPlease refer to the [Chart API logging policy](/chart/interactive/faq#logging)."]]