Membuat diagram streamgraph dengan Editor Konfigurasi Diagram
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Diagram streamgraph adalah jenis diagram area bertumpuk yang berguna untuk menampilkan volume gabungan di berbagai kategori atau dari waktu ke waktu.
Dengan Editor Konfigurasi Diagram, Anda dapat membuat diagram streamgraph dengan memulai dari diagram area di Looker. Diagram streamgraph memerlukan dua dimensi dan satu ukuran.
Misalnya, diagram streamgraph berikut menunjukkan Total Harga Promo berdasarkan beberapa nilai Kategori yang berbeda, yang dipetakan berdasarkan Bulan Pembuatan Pesanan. Kategori ditumpuk satu sama lain untuk menunjukkan kontribusi setiap kategori terhadap total, serta perubahan total dari waktu ke waktu.
Untuk membuat diagram streamgraph, mulai dari cuplikan JSON berikut:
{chart:{type:'streamgraph',}}
Membuat diagram streamgraph
Untuk membuat diagram streamgraph, ikuti langkah-langkah berikut:
Lihat diagram area di Jelajahi, atau edit diagram area di Tampilan atau dasbor.
Untuk contoh ini, sebaiknya mulai dari diagram area dengan dua dimensi dan satu ukuran. Satu dimensi harus diputar. Diagram awal Anda mungkin terlihat seperti contoh ini:
Buka menu Edit dalam visualisasi.
Di tab Plot, klik tombol Edit Chart Config. Looker akan menampilkan dialog Edit Chart Config.
Pilih bagian Chart Config (Override), lalu masukkan JSON HighCharts dari bagian Menulis cuplikan JSON di halaman ini.
Agar Looker dapat memformat JSON Anda dengan benar, klik <> (Format code).
Untuk menguji perubahan, klik Pratinjau.
Untuk menerapkan perubahan, klik Terapkan. Visualisasi akan ditampilkan menggunakan nilai JSON kustom.
Setelah menyesuaikan visualisasi, Anda dapat menyimpannya.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Sulit dipahami","hardToUnderstand","thumb-down"],["Informasi atau kode contoh salah","incorrectInformationOrSampleCode","thumb-down"],["Informasi/contoh yang saya butuhkan tidak ada","missingTheInformationSamplesINeed","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-08-25 UTC."],[],[],null,["# Creating a streamgraph chart with the Chart Config Editor\n\n| **Note:** Starting in Looker 24.8, the Chart Config Editor supports the creation of streamgraph charts.\n\nA streamgraph chart is a type of stacked area chart that is useful for displaying compound volume across different categories or over time.\n\nUsing the [Chart Config Editor](/looker/docs/chart-config-editor), you can create streamgraph charts by starting from an [area chart](/looker/docs/area-options) in Looker. Streamgraph charts require two dimensions and one measure.\n\nFor example, the following streamgraph chart shows the **Total Sale Price** over several different **Category** values, plotted over **Order Created Month**. Categories are stacked on top of one another to show how much each category contributes to the total, as well as how the total changes over time.\n\nPrerequisites\n-------------\n\nTo access the Chart Config Editor, you must have the [`can_override_vis_config` permission](/looker/docs/admin-panel-users-roles#can_override_vis_config).\n\n### Writing the JSON snippet\n\nTo create a streamgraph chart, start from the following JSON snippet: \n\n {\n chart: {\n type: 'streamgraph',\n }\n }\n\n### Creating a streamgraph chart\n\nTo create a streamgraph chart, follow these steps:\n\n1. View an [area chart](/looker/docs/area-options) in an Explore, or edit an area chart in a Look or dashboard.\n\n For this example, we recommend starting from an area chart with two dimensions and one measure. One dimension should be pivoted. Your starting chart might look something like this example:\n\n2. Open the **Edit** menu in the visualization.\n\n3. In the **Plot** tab, click the **Edit Chart Config** button. Looker displays the **Edit Chart Config** dialog.\n\n4. Select the **Chart Config (Override)** section, and enter the HighCharts JSON from the [Writing the JSON snippet](#json) section of this page.\n\n5. To let Looker properly format your JSON, click **\\\u003c\\\u003e (Format code)**.\n\n6. To test your changes, click **Preview**.\n\n7. To apply your changes, click **Apply**. The visualization will be displayed using the custom JSON values.\n\nOnce you've customized your visualization, you can save it."]]
