{"id":11661,"date":"2026-01-10T21:54:08","date_gmt":"2026-01-10T13:54:08","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/"},"modified":"2026-01-10T21:54:08","modified_gmt":"2026-01-10T13:54:08","slug":"how-to-create-a-range-step-area-chart","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/","title":{"rendered":"Cara Membuat Grafik Area Langkah Rentang"},"content":{"rendered":"<p>Kita sering mencatat data untuk keperluan tertentu dan terkadang kita mungkin perlu menampilkan data tersebut melalui grafik. Di Visual Paradigm Online, Anda dapat membuat berbagai jenis grafik secara bebas seperti grafik batang, grafik kolom, grafik lingkaran, dll. Alat grafik ini dapat membantu Anda menampilkan data apa pun menggunakan teks, simbol, dan grafik. Anda dapat dengan mudah memvisualisasikan data yang telah Anda kumpulkan dalam bentuk grafik dan hasilnya siap untuk dipresentasikan. Ini adalah panduan untuk mengajarkan Anda membuat grafik area langkah rentang dengan Visual Paradigm Online. Anda dapat menonton video yang dilampirkan atau membaca panduan di bawah ini.<\/p>\n<div class=\"epyt-video-wrapper\"><iframe allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"__youtube_prefs__ epyt-is-override no-lazyload\" data-no-lazy=\"1\" data-origheight=\"480\" data-origwidth=\"854\" data-skipgform_ajax_framebjll=\"\" height=\"480\" id=\"_ytid_73186\" loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/Lk63_vsfMfI?enablejsapi=1&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=0&amp;rel=1&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;\" title=\"YouTube player\" width=\"854\"><\/iframe><\/div>\n<h2>Klik pada ikon &#8220;Grafik&#8221;<\/h2>\n<p>Untuk membuat grafik di Visual Paradigm Online, Anda dapat terlebih dahulu mengklik ikon &#8220;Grafik&#8221; di sisi kiri bilah palet.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-14967 size-full\" decoding=\"async\" height=\"498\" loading=\"lazy\" sizes=\"auto, (max-width: 671px) 100vw, 671px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/1-1.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/1-1.png 671w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/1-1-300x223.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/1-1-150x111.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/1-1-400x297.png 400w\" width=\"671\"\/><\/p>\n<h2>Pilih grafik<\/h2>\n<p>Setelah mengklik ikon &#8220;Grafik&#8221;, Anda sekarang dapat memilih grafik yang ingin Anda buat. Sebagai contoh, jika Anda ingin membuat grafik area langkah rentang, Anda cukup menyeret ikon grafik area langkah rentang dari palet. Kemudian letakkan di kanvas desain. Grafik area akan muncul di kanvas Anda.<\/p>\n<h2><img alt=\"\" class=\"alignnone wp-image-14971 size-full\" decoding=\"async\" height=\"485\" loading=\"lazy\" sizes=\"auto, (max-width: 769px) 100vw, 769px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-1.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-1.png 769w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-1-300x189.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-1-150x95.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-1-400x252.png 400w\" style=\"font-size: 16px\" width=\"769\"\/><\/h2>\n<h2>Sunting data grafik<\/h2>\n<p>Setelah itu, Anda dapat memasukkan data untuk grafik. Anda dapat terlebih dahulu mengklik tombol &#8220;Sunting data&#8221; di sisi kanan jendela. Jendela penyuntingan data akan muncul dan Anda dapat mengisi data pada lembar kerja. Anda juga dapat mengimpor data dari Excel atau menghubungkan ke Google Sheets.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-14972 size-full\" decoding=\"async\" height=\"562\" loading=\"lazy\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3.png 690w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3-300x244.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3-150x122.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3-400x326.png 400w\" width=\"690\"\/><\/p>\n<h2>Seret grafik untuk mengubah data<\/h2>\n<p>Selain memasukkan data menggunakan lembar kerja, Anda juga dapat mengubah data dengan menyeret grafik. Anda dapat menyeret batang secara bebas untuk mengubah data di sekitar grafik.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-14974 size-full\" decoding=\"async\" height=\"379\" loading=\"lazy\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4.png 552w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4-300x206.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4-150x103.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4-400x275.png 400w\" width=\"552\"\/><\/p>\n<h2>Ubah warna grafik<\/h2>\n<p>Setelah selesai mengisi data grafik, Anda dapat melihat pratinjau grafik dengan data yang telah diperbarui. Untuk personalisasi, Anda dapat mengubah warna grafik area langkah rentang secara bebas. Cukup klik kotak warna dan Anda dapat mengubah warna setiap area dengan cepat. Anda bahkan dapat mengimpor kode Hex atau RGB untuk mengubah warna area.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-14978 size-full\" decoding=\"async\" height=\"484\" loading=\"lazy\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5.png 630w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-300x230.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-150x115.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-400x307.png 400w\" width=\"630\"\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kita sering mencatat data untuk keperluan tertentu dan terkadang kita mungkin perlu menampilkan data tersebut melalui grafik. Di Visual Paradigm Online, Anda dapat membuat berbagai jenis grafik secara bebas seperti grafik batang, grafik kolom, grafik lingkaran, dll. Alat grafik ini dapat membantu Anda menampilkan data apa pun menggunakan teks, simbol, dan grafik. Anda dapat dengan [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":11662,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-11661","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Membuat Grafik Area Langkah Rentang - Visual Paradigm Blog<\/title>\n<meta name=\"description\" content=\"In Visual Paradigm Online, you can create various charts freely like bar charts, column charts, pie charts, etc. This chart tool can help you to display any data by using text, symbols, and graphics. You can easily visualize the data that you have collected as graphics and they are presentable.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Membuat Grafik Area Langkah Rentang - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"In Visual Paradigm Online, you can create various charts freely like bar charts, column charts, pie charts, etc. This chart tool can help you to display any data by using text, symbols, and graphics. You can easily visualize the data that you have collected as graphics and they are presentable.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-10T13:54:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4.png\" \/><meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"552\" \/>\n\t<meta property=\"og:image:height\" content=\"379\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"vpleanda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4.png\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpleanda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/\",\"name\":\"Cara Membuat Grafik Area Langkah Rentang - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/4.png\",\"datePublished\":\"2026-01-10T13:54:08+00:00\",\"dateModified\":\"2026-01-10T13:54:08+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039\"},\"description\":\"In Visual Paradigm Online, you can create various charts freely like bar charts, column charts, pie charts, etc. This chart tool can help you to display any data by using text, symbols, and graphics. You can easily visualize the data that you have collected as graphics and they are presentable.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/4.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/4.png\",\"width\":552,\"height\":379},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Membuat Grafik Area Langkah Rentang\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039\",\"name\":\"vpleanda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4413a1c67e930f1a1dc6be9f25558fbf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4413a1c67e930f1a1dc6be9f25558fbf?s=96&d=mm&r=g\",\"caption\":\"vpleanda\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/author\/vpleanda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Membuat Grafik Area Langkah Rentang - Visual Paradigm Blog","description":"In Visual Paradigm Online, you can create various charts freely like bar charts, column charts, pie charts, etc. This chart tool can help you to display any data by using text, symbols, and graphics. You can easily visualize the data that you have collected as graphics and they are presentable.","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:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/","og_locale":"id_ID","og_type":"article","og_title":"Cara Membuat Grafik Area Langkah Rentang - Visual Paradigm Blog","og_description":"In Visual Paradigm Online, you can create various charts freely like bar charts, column charts, pie charts, etc. This chart tool can help you to display any data by using text, symbols, and graphics. You can easily visualize the data that you have collected as graphics and they are presentable.","og_url":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-10T13:54:08+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4.png","type":"","width":"","height":""},{"width":552,"height":379,"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4.png","type":"image\/png"}],"author":"vpleanda","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4.png","twitter_misc":{"Ditulis oleh":"vpleanda","Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/","url":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/","name":"Cara Membuat Grafik Area Langkah Rentang - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/4.png","datePublished":"2026-01-10T13:54:08+00:00","dateModified":"2026-01-10T13:54:08+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039"},"description":"In Visual Paradigm Online, you can create various charts freely like bar charts, column charts, pie charts, etc. This chart tool can help you to display any data by using text, symbols, and graphics. You can easily visualize the data that you have collected as graphics and they are presentable.","breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/4.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/4.png","width":552,"height":379},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-step-area-chart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"Cara Membuat Grafik Area Langkah Rentang"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/id\/#website","url":"https:\/\/blog.visual-paradigm.com\/id\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039","name":"vpleanda","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4413a1c67e930f1a1dc6be9f25558fbf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4413a1c67e930f1a1dc6be9f25558fbf?s=96&d=mm&r=g","caption":"vpleanda"},"url":"https:\/\/blog.visual-paradigm.com\/id\/author\/vpleanda\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/comments?post=11661"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11661\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/11662"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=11661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/categories?post=11661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/tags?post=11661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}