{"id":185,"date":"2025-03-13T08:00:41","date_gmt":"2025-03-13T08:00:41","guid":{"rendered":"https:\/\/documentation.iqonic.design\/graphina\/?p=185"},"modified":"2025-03-21T05:41:00","modified_gmt":"2025-03-21T05:41:00","slug":"how-to-add-a-candle-chart","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/graphina\/how-to-add-a-candle-chart\/","title":{"rendered":"Candle Chart"},"content":{"rendered":"<div class=\"nolwrap\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>A <strong>Candle Chart<\/strong> (or Candlestick Chart) is widely used in financial and stock market analysis to display price movements over time. It helps visualize <strong>open, high, low, and close<\/strong> values, making it ideal for tracking trends in trading data. With Graphina, you can easily create and customize a <strong>Candle Chart<\/strong> on your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step-by-Step Guide to Adding a Candle Chart<\/strong><\/h2>\n\n\n\n<p>\u2705 <strong>Step 1:<\/strong> Open the <strong>Graphina library<\/strong> and drag &amp; drop the <strong>Candle Chart<\/strong> into your Elementor editing space.<\/p>\n\n\n\n<p>\u2705 <strong>Step 2:<\/strong> Go to <strong>Chart Settings<\/strong> and input the <strong>Open, High, Low, and Close values<\/strong> for each time period.<\/p>\n\n\n\n<p>\u2705 <strong>Step 3:<\/strong> Adjust the <strong>Chart Size, Grid Layout, and Axis settings<\/strong> to fit your page design.<\/p>\n\n\n\n<p>\u2705 <strong>Step 4:<\/strong> Enable the <strong>Toolbar<\/strong> for interactive features like zooming, tooltips, legends, and real-time data updates.<\/p>\n\n\n\n<p>\u2705 <strong>Step 5:<\/strong> Customize your chart by modifying the <strong>Candle colors (bullish &amp; bearish), Border width, Wick length, Background transparency, and Label settings<\/strong> to enhance clarity and readability.<\/p>\n\n\n\n<p>With these simple steps, you can create a professional <strong>Candle Chart<\/strong> for financial data visualization. Watch the tutorial for a step-by-step walkthrough! \ud83d\ude80<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Graphina | How To Customize candle Chart - Tutorial 11 | Iqonic Design\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/K3JbIBtwY_4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A Candle Chart (or Candlestick Chart) is widely used in financial and stock market analysis to display price movements over time. It helps visualize open, high, low, and close values, making it ideal for tracking trends in trading data. With Graphina, you can easily create and customize a Candle Chart on your website. Step-by-Step Guide [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-185","post","type-post","status-publish","format-standard","hentry","category-graphina"],"featured_image_src":null,"author_info":{"display_name":"wordpressadminiq","author_link":"https:\/\/documentation.iqonic.design\/graphina\/author\/wordpressadminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":3,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/185\/revisions"}],"predecessor-version":[{"id":550,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/185\/revisions\/550"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/125"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/categories?post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/tags?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}