Membuat diagram peta hierarki dengan Editor Konfigurasi Diagram
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Diagram peta hierarki menampilkan data kategorikal dan hierarkis sebagai kumpulan persegi panjang, dengan ukuran setiap persegi panjang ditentukan oleh pengukuran numerik.
Dengan Editor Konfigurasi Diagram, Anda dapat membuat diagram peta hierarki dengan memulai dari diagram kolom di Looker. Untuk hasil terbaik, gunakan dimensi yang di-pivot, dimensi yang tidak di-pivot, dan ukuran untuk membuat diagram peta hierarki.
Misalnya, Anda dapat membuat diagram peta hierarki yang menampilkan Jumlah Item Pesanan berdasarkan beberapa nilai Kategori yang berbeda, yang diputar berdasarkan Koleksi Musiman. Setiap musim diwakili oleh persegi panjang dengan kode warna, yang berisi persegi panjang yang lebih kecil yang mewakili kategori. Ukuran setiap persegi panjang sesuai dengan Jumlah Item Pesanan .
Untuk membuat diagram peta hierarki, mulai dari cuplikan JSON berikut:
{chart:{type:'treemap',}}
Membuat diagram peta hierarki
Untuk membuat diagram peta hierarki, ikuti langkah-langkah berikut:
Lihat diagram kolom di Jelajahi, atau edit diagram kolom di Tampilan atau dasbor.
Untuk contoh ini, sebaiknya mulai dari diagram kolom dengan dua dimensi dan satu ukuran. Satu dimensi harus diputar. Nilai yang diputar menentukan kategori tingkat atas yang digunakan untuk merender peta hierarki. 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 treemap chart with the Chart Config Editor\n\n| **Note:** Starting in Looker 24.10, the Chart Config Editor supports the creation of treemap charts.\n\nA treemap chart displays categorical and hierarchical data as a set of rectangles, where the size of each rectangle is determined by a numeric measure.\n\nUsing the [Chart Config Editor](/looker/docs/chart-config-editor), you can create treemap charts by starting from a [column chart](/looker/docs/column-options) in Looker. For best results, use a pivoted dimension, an unpivoted dimension, and a measure to create a treemap chart.\n\nFor example, you can create a treemap chart that shows the **Order Item Count** over several different **Category** values, pivoted by **Seasonal Collection** . Each season is represented by a color-coded rectangle, which contains smaller rectangles that represent the category. The size of each rectangle corresponds to the **Order Item Count** .\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 treemap chart, start from the following JSON snippet: \n\n {\n chart: {\n type: 'treemap',\n }\n }\n\n### Creating a treemap chart\n\nTo create a treemap chart, follow these steps:\n\n1. View a [column chart](/looker/docs/column-options) in an Explore, or edit a column chart in a Look or dashboard.\n\n For this example, we recommend starting from a column chart with two dimensions and one measure. One dimension should be pivoted. The pivoted values define the top level categories used to render the treemap. 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."]]
