{"id":11679,"date":"2026-01-10T22:18:31","date_gmt":"2026-01-10T14:18:31","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/"},"modified":"2026-01-10T22:18:31","modified_gmt":"2026-01-10T14:18:31","slug":"how-to-create-a-stepped-area-chart","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/","title":{"rendered":"Bagaimana cara membuat grafik area bertahap?"},"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 ditampilkan. Ini adalah panduan untuk mengajarkan Anda membuat grafik area bertahap 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_52208\" loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/PF5hnoAOUWY?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-15023 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-3.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/1-3.png 671w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/1-3-300x223.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/1-3-150x111.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/1-3-400x297.png 400w\" width=\"671\"\/><\/p>\n<h2>Pilih sebuah 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, Anda cukup menyeret ikon grafik area bertahap. Kemudian letakkan di kanvas desain. Grafik area akan muncul di kanvas Anda.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-15024 size-full\" decoding=\"async\" height=\"470\" loading=\"lazy\" sizes=\"auto, (max-width: 779px) 100vw, 779px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-3.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-3.png 779w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-3-300x181.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-3-768x463.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-3-150x91.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/2-3-400x241.png 400w\" width=\"779\"\/><\/p>\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-15025 size-full\" decoding=\"async\" height=\"503\" loading=\"lazy\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3-2.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3-2.png 742w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3-2-300x203.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3-2-150x102.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/3-2-400x271.png 400w\" width=\"742\"\/><\/p>\n<h2>Seret area untuk mengubah data<\/h2>\n<p>Selain memasukkan data menggunakan lembar kerja, Anda juga dapat mengubah data dengan menyeret area. Anda dapat menyeret batang secara bebas untuk mengubah data di sekitar area.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-15026 size-full\" decoding=\"async\" height=\"373\" loading=\"lazy\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4-2.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4-2.png 517w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4-2-300x216.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4-2-150x108.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/4-2-400x289.png 400w\" width=\"517\"\/><\/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 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-15027 size-full\" decoding=\"async\" height=\"462\" loading=\"lazy\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2.png 576w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2-300x241.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2-150x120.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2-400x321.png 400w\" width=\"576\"\/><\/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":11680,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-11679","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>Bagaimana cara membuat grafik area bertahap? - Visual Paradigm Blog<\/title>\n<meta name=\"description\" content=\"We often record data for a particular use and sometimes we may need to present the data through graphics. 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.\" \/>\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-stepped-area-chart\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bagaimana cara membuat grafik area bertahap? - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"We often record data for a particular use and sometimes we may need to present the data through graphics. 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.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-10T14:18:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2.png\" \/><meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"576\" \/>\n\t<meta property=\"og:image:height\" content=\"462\" \/>\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\/5-2.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-stepped-area-chart\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/\",\"name\":\"Bagaimana cara membuat grafik area bertahap? - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/5-2.png\",\"datePublished\":\"2026-01-10T14:18:31+00:00\",\"dateModified\":\"2026-01-10T14:18:31+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039\"},\"description\":\"We often record data for a particular use and sometimes we may need to present the data through graphics. 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.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/5-2.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/5-2.png\",\"width\":576,\"height\":462},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bagaimana cara membuat grafik area bertahap?\"}]},{\"@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":"Bagaimana cara membuat grafik area bertahap? - Visual Paradigm Blog","description":"We often record data for a particular use and sometimes we may need to present the data through graphics. 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.","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-stepped-area-chart\/","og_locale":"id_ID","og_type":"article","og_title":"Bagaimana cara membuat grafik area bertahap? - Visual Paradigm Blog","og_description":"We often record data for a particular use and sometimes we may need to present the data through graphics. 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.","og_url":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-10T14:18:31+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2.png","type":"","width":"","height":""},{"width":576,"height":462,"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2.png","type":"image\/png"}],"author":"vpleanda","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/5-2.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-stepped-area-chart\/","url":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/","name":"Bagaimana cara membuat grafik area bertahap? - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/5-2.png","datePublished":"2026-01-10T14:18:31+00:00","dateModified":"2026-01-10T14:18:31+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039"},"description":"We often record data for a particular use and sometimes we may need to present the data through graphics. 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.","breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/5-2.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/5-2.png","width":576,"height":462},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-stepped-area-chart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"Bagaimana cara membuat grafik area bertahap?"}]},{"@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\/11679","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=11679"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11679\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/11680"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=11679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/categories?post=11679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/tags?post=11679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}