{"id":2061,"date":"2026-07-27T02:08:56","date_gmt":"2026-07-27T02:08:56","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/candlestick-chart-financial-trading-and-price-action-guide\/"},"modified":"2026-07-27T02:08:56","modified_gmt":"2026-07-27T02:08:56","slug":"candlestick-chart-financial-trading-and-price-action-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/","title":{"rendered":"Grafik Batang Lilin: Perdagangan Keuangan dan Aksi Harga"},"content":{"rendered":"<p>Ketika melacak pasar keuangan dan pergerakan harga aset dari waktu ke waktu, <strong>Grafik Batang Lilin<\/strong> adalah alat visualisasi standar industri. Dengan menggabungkan empat titik harga utama\u2014Buka, Tinggi, Rendah, dan Tutup (OHLC)\u2014menjadi satu batang visual, grafik batang lilin menunjukkan <em>volatilitas harga, rentang perdagangan, dan sentimen pasar<\/em> dalam sekejap mata, menjadikannya penting untuk dashboard kinerja saham, pelacak kripto, dan tampilan perdagangan komoditas.<\/p>\n<h2>Mekanisme Batang Lilin<\/h2>\n<p>Di Apache ECharts, seri batang lilin dirender menggunakan <code>type: 'candlestick'<\/code> (atau alias <code>'k'<\/code>). Setiap titik data memerlukan array berisi 4 nilai yang diurutkan secara eksplisit sebagai <code>[Buka, Tutup, Terendah, Tertinggi]<\/code>. Mesin grafik menggambar tubuh padat atau kosong antara Buka dan Tutup, dengan garis tipis \u201cekor\u201d yang menjulur ke harga Terendah dan Tertinggi.<\/p>\n<h3>1. Pengaturan Dasar<\/h3>\n<p>Untuk membuat grafik batang lilin dasar, peta nilai waktu sepanjang sumbu X yang kontinu dan lewatkan <code>[Buka, Tutup, Terendah, Tertinggi]<\/code> array ke data seri Anda:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp1klFrgzAQx98H+w735gaRatRS3FZY97KHwfYuPgQbbFgwksStUvzuu7SOJmBDQvK\/+9+PO4jqrVAdvMDp\/g5wWaWkFX35r88xLdqW6xIidhQmIteM019KdNZlT2DHnqOr0cqYCKaLb5r9x1c0h9zZzixvlR598J5ZVkIV0YSu46SIkzQicFU0UFmg8kAVUR22Md5q44fJgfs9mIZJTFg98BBhuBYcGdXV6+GCybq95MaK5tsHewOGQbcqmhDIcgKpuzc1gdUKqs+edwTepDKcwIf6RSiBd9Ee8FFDvIXdIKUwB3g4e2ALruJxAZ87bIEH7yK54Hecaa\/4+WZxlrqe8GQE8rwmSxZMp8jHndNFh8vSzTwgrUOHJ+f\/g5Hp6Q9qz5Rb\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp1ks9qhDAQxu+FvsPcbCGyGnVZ7B+oT9BDb+IhuMENipEklpXFd+\/EtZiAGwyTb+aXLzOgHIyQPXzA7fkJcBkpOyOG\/F8vOSWahqscAnYVOiBbxepvKXpjqzcw08CRqpXUOoD5zs0rf\/1C2PddcWZ4I9XkGp+ZYTmUAY3oMYyyMIoDApuinko8lXoqCyq\/jelRG7+sG7nbg65ZhwWjRu5baK4ER49yYx07b7L+3HFtRN26xs6AftKukkYEkpRAbOOpInA4QFmMLSPwM5pxwMAV78\/sspyM6JtGVBB+QjF2ndAXeFk4sImWve48kVrrDDfGLLo\/UXCmnMvvDy8nse0Ld0IgTSuyh2A5Rn\/8UrpL2Co9rUPSyiccuf5DmJnf\/gC9cJZA\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    tooltip: {\r\n        trigger: 'axis',\r\n        axisPointer: { type: 'cross' }\r\n    },\r\n    xAxis: {\r\n        type: 'category',\r\n        data: ['2026-05-01', '2026-05-02', '2026-05-03', '2026-05-04', '2026-05-05']\r\n    },\r\n    yAxis: {\r\n        type: 'value',\r\n        scale: true\r\n    },\r\n    series: [\r\n        {\r\n            type: 'candlestick',\r\n            data: [\r\n                [20, 34, 10, 38], \/\/ [Buka, Tutup, Terendah, Tertinggi] -&gt; Bullish (Tutup &gt; Buka)\r\n                [40, 35, 30, 50], \/\/ Bearish (Tutup &lt; Buka)\r\n                [31, 38, 33, 44],\r\n                [38, 15, 5, 42],\r\n                [15, 28, 10, 32]\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp1ks9qhDAQxu+FvsPcbCGyGnVZ7B+oT9BDb+IhuMENipEklpXFd+\/EtZiAGwyTb+aXLzOgHIyQPXzA7fkJcBkpOyOG\/F8vOSWahqscAnYVOiBbxepvKXpjqzcw08CRqpXUOoD5zs0rf\/1C2PddcWZ4I9XkGp+ZYTmUAY3oMYyyMIoDApuinko8lXoqCyq\/jelRG7+sG7nbg65ZhwWjRu5baK4ER49yYx07b7L+3HFtRN26xs6AftKukkYEkpRAbOOpInA4QFmMLSPwM5pxwMAV78\/sspyM6JtGVBB+QjF2ndAXeFk4sImWve48kVrrDDfGLLo\/UXCmnMvvDy8nse0Ld0IgTSuyh2A5Rn\/8UrpL2Co9rUPSyiccuf5DmJnf\/gC9cJZA\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp1klFrgzAQx98H+w735gaRatRS3FZY97KHwfYuPgQbbFgwksStUvzuu7SOJmBDQvK\/+9+PO4jqrVAdvMDp\/g5wWaWkFX35r88xLdqW6xIidhQmIteM019KdNZlT2DHnqOr0cqYCKaLb5r9x1c0h9zZzixvlR598J5ZVkIV0YSu46SIkzQicFU0UFmg8kAVUR22Md5q44fJgfs9mIZJTFg98BBhuBYcGdXV6+GCybq95MaK5tsHewOGQbcqmhDIcgKpuzc1gdUKqs+edwTepDKcwIf6RSiBd9Ee8FFDvIXdIKUwB3g4e2ALruJxAZ87bIEH7yK54Hecaa\/4+WZxlrqe8GQE8rwmSxZMp8jHndNFh8vSzTwgrUOHJ+f\/g5Hp6Q9qz5Rb\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"aDdXBId\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-1333\" decoding=\"async\" fetchpriority=\"high\" height=\"1288\" sizes=\"(max-width: 1778px) 100vw, 1778px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d.png 1778w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d-300x217.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d-1024x742.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d-768x556.png 768w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d-1536x1113.png 1536w\" width=\"1778\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Teknik Struktural Lanjutan<\/h2>\n<p>Grafik batang lilin dapat disesuaikan dengan konvensi warna internasional, rentang waktu yang diperbesar, atau digabungkan dengan rata-rata bergerak.<\/p>\n<h3>1. Warna Kustom dan Rata-rata Bergerak<\/h3>\n<p>Sesuaikan warna batang bullish (naik) dan bearish (turun) menggunakan <code>itemStyle<\/code>, dan tampilkan garis rata-rata bergerak dengan menggabungkan seri garis dengan seri batang lilin:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqFk1Fr2zAQx98H\/Q4He\/AGZrUVO03SblAy9jLKBh3sIeRBtrVEVJGMLG81wd99OjmuIzfeBNZJup\/+p7NOqjRcSfgIx6s3YJtRShhervq5W9N8t2N6BQF95lUQDh6cf1dcGvQewTQls1SuVVUF0HZce+IF2zFZeMIFNXQFm+Az5aKBr0EIwcN9Gmz9jc\/3Nop\/oFMcathO6eb8RL3kg5Io96NmaH6yws32NZovmqN5pMaZWo4jNlMRf1OBgsN6lVNhHUbXzJeomObMamwG9kwOm6QHlHzJ3fe+pCgLwSrD86cxccrUX8S2ITMShXDqyeIGx3OyDS+ikYOWsUMXiCbxZZQsU3THxG1wERbRhGrs0JmDYtfPp9AOIoP2LE0n0A5Kh+RmN1OqHZREwzEW6dYnxzu5YYdH0+B9Hl9r5koofAJvWZYUSWYrp2vX17BGF\/yyX1YLwas9vFsLVTH4BN9KJt9PiEWoNqdZlOS9mi\/GqD4Tu5sSy5QumF6Pz\/dP8Dy2D7bDtA3\/V7z4Wi8XruCSjV3VQSmz717L5WKW9v+F8Lrvi4jErl+Orw6j9VcHqqQ5N80Kog+2nv\/wAmMSL7FuaOuhvf0LHXIWZw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqFk0Fr2zAUx++DfocHO3gDs9qKnSZpO+h2GSuFsQx2CDnItkhFFMnI0lYT\/N3nJ8dz5MabDpKl99P\/r2c9qdJwJeEejldvoG1GKWF4uernbk3z3Y7pFQT0hVdBOERw\/k1xaTB6BFOXrKVyraoqgKbjmhMv2I7JwhMuqKEr2ASP8IVqTmUQQvD0kAZbf+fLQ2vjn+hkRA3bKV2fH6nXXDMnt2YCh+80w+GRHnD4at2w7hafuBw71lOOv6iw7NyuyqloA0Zb5ktUTHPWamwG9kwOm6QHlByS98N\/c5SFYJXh+X5MnFL1F7FtyIxEIZx6srjB7znZhhfRyEHL2KELRJP4MkqWKYZj4jY4h0U0oRo7dOag2PXzKbSDyKA9S9MJtIPSIbnZzZRqByXRcIxFuvXJ8U5u2GFtarzQ42vNXAmFj+Aty5IiwdLp2vU1\/KRaUrDS2D1kVghePcO7H9bYEj7CJ7un7yfkItSb0yxK8l5vLMfa6hjk7qbkMqULpj+Pz\/hP8NzdB5th2oT\/q2B8speLV3DJxqHqoJR57p7M5YKW7R8M4XXfFxKJXb8cXx+69dcHqqQ5N\/UKog9tTf\/mBXoSL7Hus62J5vYPkNYY6w==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    tooltip: {\r\n        trigger: 'axis',\r\n        axisPointer: { type: 'cross' }\r\n    },\r\n    legend: {\r\n        data: ['K Harian', 'MA5']\r\n    },\r\n    xAxis: {\r\n        type: 'category',\r\n        data: ['Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab', 'Min']\r\n    },\r\n    yAxis: {\r\n        type: 'value',\r\n        scale: true\r\n    },\r\n    series: [\r\n        {\r\n            name: 'K Harian',\r\n            type: 'candlestick',\r\n            data: [\r\n                [2320, 2320, 2287, 2362],\r\n                [2300, 2291, 2288, 2341],\r\n                [2295, 2312, 2290, 2380],\r\n                [2315, 2330, 2310, 2360],\r\n                [2330, 2325, 2312, 2355],\r\n                [2325, 2350, 2320, 2370],\r\n                [2350, 2340, 2330, 2385]\r\n            ],\r\n            itemStyle: {\r\n                color: '#eb4d4b',       \/\/ Warna untuk bullish (Tutup &gt; Buka)\r\n                color0: '#6ab04c',      \/\/ Warna untuk bearish (Tutup &lt; Buka)\r\n                borderColor: '#eb4d4b',\r\n                borderColor0: '#6ab04c'\r\n            }\r\n        },\r\n        {\r\n            name: 'MA5',\r\n            type: 'line',\r\n            smooth: true,\r\n            data: [null, null, null, null, 2310, 2321, 2329],\r\n            lineStyle: { opacity: 0.8, width: 2 }\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqFk0Fr2zAUx++DfocHO3gDs9qKnSZpO+h2GSuFsQx2CDnItkhFFMnI0lYT\/N3nJ8dz5MabDpKl99P\/r2c9qdJwJeEejldvoG1GKWF4uernbk3z3Y7pFQT0hVdBOERw\/k1xaTB6BFOXrKVyraoqgKbjmhMv2I7JwhMuqKEr2ASP8IVqTmUQQvD0kAZbf+fLQ2vjn+hkRA3bKV2fH6nXXDMnt2YCh+80w+GRHnD4at2w7hafuBw71lOOv6iw7NyuyqloA0Zb5ktUTHPWamwG9kwOm6QHlByS98N\/c5SFYJXh+X5MnFL1F7FtyIxEIZx6srjB7znZhhfRyEHL2KELRJP4MkqWKYZj4jY4h0U0oRo7dOag2PXzKbSDyKA9S9MJtIPSIbnZzZRqByXRcIxFuvXJ8U5u2GFtarzQ42vNXAmFj+Aty5IiwdLp2vU1\/KRaUrDS2D1kVghePcO7H9bYEj7CJ7un7yfkItSb0yxK8l5vLMfa6hjk7qbkMqULpj+Pz\/hP8NzdB5th2oT\/q2B8speLV3DJxqHqoJR57p7M5YKW7R8M4XXfFxKJXb8cXx+69dcHqqQ5N\/UKog9tTf\/mBXoSL7Hus62J5vYPkNYY6w==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqFk1Fr2zAQx98H\/Q4He\/AGZrUVO03SblAy9jLKBh3sIeRBtrVEVJGMLG81wd99OjmuIzfeBNZJup\/+p7NOqjRcSfgIx6s3YJtRShhervq5W9N8t2N6BQF95lUQDh6cf1dcGvQewTQls1SuVVUF0HZce+IF2zFZeMIFNXQFm+Az5aKBr0EIwcN9Gmz9jc\/3Nop\/oFMcathO6eb8RL3kg5Io96NmaH6yws32NZovmqN5pMaZWo4jNlMRf1OBgsN6lVNhHUbXzJeomObMamwG9kwOm6QHlHzJ3fe+pCgLwSrD86cxccrUX8S2ITMShXDqyeIGx3OyDS+ikYOWsUMXiCbxZZQsU3THxG1wERbRhGrs0JmDYtfPp9AOIoP2LE0n0A5Kh+RmN1OqHZREwzEW6dYnxzu5YYdH0+B9Hl9r5koofAJvWZYUSWYrp2vX17BGF\/yyX1YLwas9vFsLVTH4BN9KJt9PiEWoNqdZlOS9mi\/GqD4Tu5sSy5QumF6Pz\/dP8Dy2D7bDtA3\/V7z4Wi8XruCSjV3VQSmz717L5WKW9v+F8Lrvi4jErl+Orw6j9VcHqqQ5N80Kog+2nv\/wAmMSL7FuaOuhvf0LHXIWZw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Sunting ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"kHAqNzQ\"><img alt=\"\" class=\"alignnone size-full wp-image-1334\" decoding=\"async\" height=\"1372\" sizes=\"(max-width: 1812px) 100vw, 1812px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdec4db2e.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdec4db2e.png 1812w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdec4db2e-300x227.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdec4db2e-1024x775.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdec4db2e-768x582.png 768w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdec4db2e-1536x1163.png 1536w\" width=\"1812\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Penyesuaian Layout dan Zoom Interaktif<\/h2>\n<p>Menambahkan kontrol zoom time-series memberikan fleksibilitas bagi pengguna saat menavigasi catatan perdagangan historis yang padat.<\/p>\n<h3>1. Kontrol Zoom Data dan Penunjuk Sumbu<\/h3>\n<p>Integrasikan penggeser horizontal dan zoom dengan roda mouse menggunakan blok konfigurasi<code>dataZoom<\/code> blok konfigurasi:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqNkU9vwiAYxu8mfgcuhksTobWbuuywZPsKO8z0gC2rZFgM0Gm3+N3HnxKLs9k4kKcvvz7vA684aCYa8Ai+pxNgVi1ZtQ4fdnH6rtcAYjSDyaUqWb27Ud4KrcXe1vMZ9OVzf3x6OjEVOevuQA1aEk1rIbuhT0U0WYMNfCYdwDABTqRBZEEsgsiDuAviPoglLOIg3ViQT8JbOkyhSsLNgZYtjS1svDdhL7q50APDgSlrFKuMK5jPwUtDtpwqsBetouC4o5SDL2PDmjr+V2kizeumKInrtDGzwQhdqufkrwCKm\/7SB3hlqiW8n5JrDfzxVfudOPprX\/XX4mAcVyjM1iXwsuhRRSWj6h8PU5KmMo+hWfkBr9r004+Ldm3M3ROAsdlWuRV5kdyiLICRJTyf3sYckTp2YdWImyPw0hlZbMTNEamPZdVyxM0dpqFzhkYwS2SOxVaNuDkiQ66f2RaoiKni96Cmk\/PDDxbwzl4=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Sunting ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqNkstuwjAQRfeV+IfZoGwiYSekBaouumo3\/YGiLIbEBIsQI9vh0Yp\/rx8QEkrUemHdjE\/u3IwjtpqLCl7ge\/AAZhWS57PLg10lW+oZBJQMg\/BalbxY3SkvhNZiY+vJMPDl0\/n48HrgquOsj1tm0Aw1K4Q8tn1y1DiDefCOkgMNQvAqalTcqHGjkkY9NuqpUZMg7QY69gXaYVmzdhqVYWkOtKxZ18LG\/BT2g+dXumXYMuWV4rlxhdEIPlhV4Frz5Ror+DLvQ24rFUiRI2xErVjXQ2mUZtoRCbt1Vpm7ooRcq6fwryCqNDmkD\/LGFJM+wY6rGkvIOSyw4CbLAve4uomxEns\/hpscWmyN85Rc7twl8TI9o6YRZ+ofg8qwykumNM\/WwU2b81\/RLdo1NzMIgVKzTRMrkjS8R1mAEkt4PrqPOSJy7NiqHjdH0IkzsliPmyMiH8uqSY+bO4wunWPSg1kidiy1qsfNETFx\/cw2JmmXSn9f1ODh9PwDugnW9A==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    grid: {\r\n        left: '10%',\r\n        right: '10%',\r\n        bottom: '15%'\r\n    },\r\n    xAxis: {\r\n        type: 'category',\r\n        data: ['Hari 1', 'Hari 2', 'Hari 3', 'Hari 4', 'Hari 5', 'Hari 6', 'Hari 7', 'Hari 8']\r\n    },\r\n    yAxis: {\r\n        type: 'value',\r\n        scale: true\r\n    },\r\n    dataZoom: [\r\n        {\r\n            type: 'inside', \/\/ Mengaktifkan zoom dengan roda mouse\r\n            start: 20,\r\n            end: 100\r\n        },\r\n        {\r\n            type: 'slider', \/\/ Geser zoom visual di bagian bawah\r\n            show: true,\r\n            top: '90%'\r\n        }\r\n    ],\r\n    series: [\r\n        {\r\n            type: 'candlestick',\r\n            data: [\r\n                [100, 110, 95, 115],\r\n                [110, 105, 100, 112],\r\n                [105, 120, 104, 125],\r\n                [120, 118, 112, 122],\r\n                [118, 125, 115, 128],\r\n                [125, 122, 120, 130],\r\n                [122, 135, 121, 138],\r\n                [135, 130, 128, 140]\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqNkstuwjAQRfeV+IfZoGwiYSekBaouumo3\/YGiLIbEBIsQI9vh0Yp\/rx8QEkrUemHdjE\/u3IwjtpqLCl7ge\/AAZhWS57PLg10lW+oZBJQMg\/BalbxY3SkvhNZiY+vJMPDl0\/n48HrgquOsj1tm0Aw1K4Q8tn1y1DiDefCOkgMNQvAqalTcqHGjkkY9NuqpUZMg7QY69gXaYVmzdhqVYWkOtKxZ18LG\/BT2g+dXumXYMuWV4rlxhdEIPlhV4Frz5Ror+DLvQ24rFUiRI2xErVjXQ2mUZtoRCbt1Vpm7ooRcq6fwryCqNDmkD\/LGFJM+wY6rGkvIOSyw4CbLAve4uomxEns\/hpscWmyN85Rc7twl8TI9o6YRZ+ofg8qwykumNM\/WwU2b81\/RLdo1NzMIgVKzTRMrkjS8R1mAEkt4PrqPOSJy7NiqHjdH0IkzsliPmyMiH8uqSY+bO4wunWPSg1kidiy1qsfNETFx\/cw2JmmXSn9f1ODh9PwDugnW9A==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqNkU9vwiAYxu8mfgcuhksTobWbuuywZPsKO8z0gC2rZFgM0Gm3+N3HnxKLs9k4kKcvvz7vA684aCYa8Ai+pxNgVi1ZtQ4fdnH6rtcAYjSDyaUqWb27Ud4KrcXe1vMZ9OVzf3x6OjEVOevuQA1aEk1rIbuhT0U0WYMNfCYdwDABTqRBZEEsgsiDuAviPoglLOIg3ViQT8JbOkyhSsLNgZYtjS1svDdhL7q50APDgSlrFKuMK5jPwUtDtpwqsBetouC4o5SDL2PDmjr+V2kizeumKInrtDGzwQhdqufkrwCKm\/7SB3hlqiW8n5JrDfzxVfudOPprX\/XX4mAcVyjM1iXwsuhRRSWj6h8PU5KmMo+hWfkBr9r004+Ldm3M3ROAsdlWuRV5kdyiLICRJTyf3sYckTp2YdWImyPw0hlZbMTNEamPZdVyxM0dpqFzhkYwS2SOxVaNuDkiQ66f2RaoiKni96Cmk\/PDDxbwzl4=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Sunting ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"ZDBfgau\"><img alt=\"\" class=\"alignnone size-full wp-image-1335\" decoding=\"async\" height=\"1337\" sizes=\"(max-width: 1912px) 100vw, 1912px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdf8c2bc5.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdf8c2bc5.png 1912w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdf8c2bc5-300x210.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdf8c2bc5-1024x716.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdf8c2bc5-768x537.png 768w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bdf8c2bc5-1536x1074.png 1536w\" width=\"1912\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Praktik Terbaik Strategis<\/h2>\n<ul>\n<li><strong>Urutkan Data dengan Benar:<\/strong>Periksa kembali struktur array! ECharts mengharapkan<code>[Buka, Tutup, Terendah, Tertinggi]<\/code>\u2014menukar Tutup dan Terendah adalah sumber umum kesalahan tampilan.<\/li>\n<li><strong>Aktifkan<code>scale: true<\/code> pada Sumbu Y:<\/strong> Selalu sertakan<code>scale: true<\/code> pada sumbu harga numerik agar grafik menyesuaikan secara otomatis dengan rentang harga saat ini, bukan memaksa titik asal menjadi nol.<\/li>\n<li><strong>Gunakan Penunjuk Sumbu Silang:<\/strong> Atur<code>tooltip.axisPointer.type = 'cross'<\/code> untuk menampilkan garis referensi vertikal dan horizontal yang terus-menerus, memudahkan penyesuaian harga dan timestamp.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ketika melacak pasar keuangan dan pergerakan harga aset dari waktu ke waktu, Grafik Batang Lilin adalah alat visualisasi standar industri. Dengan menggabungkan empat titik harga utama\u2014Buka, Tinggi, Rendah, dan Tutup (OHLC)\u2014menjadi satu batang visual, grafik batang lilin menunjukkan volatilitas harga,&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":13,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2061","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ECharts Candlestick Guide | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Render financial stock price charts with OHLC data using ECharts in VPasCode, a free text to diagram tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Candlestick Guide | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Render financial stock price charts with OHLC data using ECharts in VPasCode, a free text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/candlestick-chart-financial-trading-and-price-action-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/candlestick-chart-financial-trading-and-price-action-guide\\\/\",\"name\":\"ECharts Candlestick Guide | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/candlestick-chart-financial-trading-and-price-action-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/candlestick-chart-financial-trading-and-price-action-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66bddfef28d.png\",\"datePublished\":\"2026-07-27T02:08:56+00:00\",\"description\":\"Render financial stock price charts with OHLC data using ECharts in VPasCode, a free text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/candlestick-chart-financial-trading-and-price-action-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/candlestick-chart-financial-trading-and-price-action-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/candlestick-chart-financial-trading-and-price-action-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66bddfef28d.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66bddfef28d.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/candlestick-chart-financial-trading-and-price-action-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Grafik Batang Lilin: Perdagangan Keuangan dan Aksi Harga\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ECharts Candlestick Guide | VPasCode Text to Diagram Guide","description":"Render financial stock price charts with OHLC data using ECharts in VPasCode, a free text to diagram tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/","og_locale":"id_ID","og_type":"article","og_title":"ECharts Candlestick Guide | VPasCode Text to Diagram Guide","og_description":"Render financial stock price charts with OHLC data using ECharts in VPasCode, a free text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/","name":"ECharts Candlestick Guide | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d.png","datePublished":"2026-07-27T02:08:56+00:00","description":"Render financial stock price charts with OHLC data using ECharts in VPasCode, a free text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66bddfef28d.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/candlestick-chart-financial-trading-and-price-action-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Grafik Batang Lilin: Perdagangan Keuangan dan Aksi Harga"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/2061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2061"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}