Cookbook mendapatkan hasil maksimal dari visualisasi Looker: Penyesuaian format bersyarat dalam diagram Cartesius

Menandai nilai yang memenuhi kondisi tertentu secara visual memungkinkan pengguna mengidentifikasi tren data dengan cepat. Pola ini sering disebut sebagai pemformatan bersyarat.

Misalnya, visualisasi ini dari contoh Memberi warna pada nilai maksimum, minimum, dan persentil di halaman ini membantu pengguna mengidentifikasi bulan penjualan terendah dan tertinggi dengan cepat:

Di Looker, Anda dapat menggunakan opsi bawaan yang ada di setelan visualisasi diagram teks dan tabel untuk menerapkan format bersyarat ke diagram teks dan tabel. Untuk diagram Kartesius, Anda dapat menggunakan Editor Konfigurasi Diagram untuk memformat nilai data secara kondisional.

Di Editor Konfigurasi Diagram, Anda dapat menggunakan atribut series formatters untuk menerapkan format bersyarat ke nilai yang memenuhi kriteria tertentu. Berikut adalah beberapa aturan pemformatan bersyarat yang dapat Anda terapkan:

  • Nilai lebih besar dari, lebih kecil dari, atau sama dengan nilai yang ditentukan.

    Misalnya, untuk menerapkan format bersyarat ke nilai numerik yang lebih besar dari 100, gunakan select: 'value > 100'.

  • Nilai ini adalah nilai minimum atau maksimum dalam deret.

    Misalnya, untuk menerapkan format bersyarat ke nilai maksimum, gunakan select: 'max'.

  • Nilai berada dalam peringkat persentil yang ditentukan.

    Misalnya, untuk menerapkan format bersyarat ke nilai dalam persentil kesepuluh teratas, gunakan select: 'percent_rank >= 0.9'.

  • Nilai sumbu x cocok dengan nilai yang ditentukan.

    Misalnya, untuk menerapkan format bersyarat ke deret dengan nilai sumbu x "Columbia", gunakan select: name = Columbia.

Cookbook ini menyediakan tutorial berikut:

Mewarnai nilai maksimum, minimum, dan persentil

Anda dapat menggunakan atribut select dan style untuk menentukan warna nilai data maksimum dan minimum dalam diagram Kartesius, serta nilai apa pun yang berada di bawah persentil yang ditentukan.

Produk

Prasyarat

Untuk membuat visualisasi Kartesius dengan format bersyarat, Anda memerlukan hal berikut:

Contoh: Visualisasi kolom

Tim Penjualan ingin dapat mengidentifikasi tren penjualan bulanan dengan cepat selama setahun. Laporan ini memiliki visualisasi yang menampilkan Total Biaya yang dikelompokkan menurut Bulan.

Anda dapat menggunakan format bersyarat untuk menandai nilai yang memenuhi sasaran tertentu, sehingga data lebih mudah dipahami oleh pengguna.

Untuk contoh ini, tim Penjualan ingin menyoroti nilai berikut:

  • Kolom dengan nilai Total Biaya minimum akan berwarna merah.
  • Kolom dengan nilai Total Biaya maksimum akan berwarna hijau.
  • Semua kolom di persentil ketiga puluh bawah Total Biaya akan berwarna oranye.
  • Semua kolom lainnya akan berwarna abu-abu.

Untuk menerapkan format bersyarat ini ke diagram Kartesius, ikuti langkah-langkah berikut:

  1. Melihat visualisasi Kartesius di Jelajah, atau mengedit visualisasi Kartesius di Look atau dasbor.
  2. Buka menu Edit dalam visualisasi.
  3. Klik tombol Edit Chart Config di tab Plot. Looker akan menampilkan dialog Edit Chart Config.
  4. Pilih bagian Chart Config (Override), lalu masukkan JSON berikut:

    {
      series: [{
        color: 'gray',
        formatters: [{
            select: 'max',
            style: {
              color: 'green',
            }
          },
          {
            select: 'percent_rank <= 0.3',
            style: {
              color: 'orange'
            }
          },
          {
            select: 'min',
            style: {
              color: 'red'
            }
          },
        ]
      }]
    }
    
  5. Untuk menerapkan perubahan, klik Terapkan.

Sekarang tim Penjualan dapat dengan cepat melihat bulan mana yang berperforma buruk, dan dapat menyelidiki bulan tersebut untuk menentukan apa yang terjadi.

Setelah menyesuaikan visualisasi, Anda dapat menyimpannya. Jika Anda melihat visualisasi di Jelajah, simpan Jelajah. Jika Anda mengedit Tampilan atau dasbor, klik Simpan.

Contoh: Visualisasi diagram pencar

Untuk menerapkan format bersyarat ke visualisasi diagram pencar, Anda dapat menentukan warna untuk atribut style.marker.fillColor dan style.marker.lineColor, bukan atribut style.color.

Atribut lineColor menetapkan warna garis batas setiap titik dalam diagram pencar. Atribut fillColor menetapkan warna bagian dalam setiap titik dalam diagram pencar.

Anda dapat mengubah contoh sebelumnya dengan mengikuti langkah-langkah berikut:

  1. Lihat visualisasi diagram pencar di Jelajah, atau edit visualisasi diagram pencar di Look atau dasbor.
  2. Buka menu Edit dalam visualisasi.
  3. Klik tombol Edit Chart Config di tab Plot. Looker akan menampilkan dialog Edit Chart Config.
  4. Pilih bagian Chart Config (Override), lalu masukkan JSON berikut:

    {
      series: [{
        color: 'gray',
        formatters: [{
            select: 'max',
            style: {
              marker: {
                fillColor: 'green',
                lineColor: 'green'
              }
            }
          },
          {
            select: 'percent_rank <= 0.3',
            style: {
              marker: {
                fillColor: 'orange',
                lineColor: 'orange'
              }
            }
          },
          {
            select: 'min',
            style: {
              marker: {
                fillColor: 'red',
                lineColor: 'red'
              }
            }
          }
        ]
      }]
    }
    
  5. Klik Terapkan untuk menerapkan perubahan.

Dalam visualisasi yang dihasilkan, nilai minimum, nilai maksimum, dan nilai dalam 30 persen terbawah diwarnai sesuai dengan aturan pemformatan.

Setelah menyesuaikan visualisasi, Anda dapat menyimpannya. Jika Anda melihat visualisasi di Jelajah, simpan Jelajah. Jika Anda mengedit Tampilan atau dasbor, klik Simpan.

Menggabungkan kondisi format bersyarat

Anda dapat menggunakan AND dan OR dalam atribut select untuk menggabungkan ekspresi logis dalam aturan pemformatan bersyarat.

Produk

Prasyarat

Untuk membuat visualisasi Kartesius dengan format bersyarat, Anda memerlukan hal berikut:

Contoh

Tim Penjualan ingin dapat dengan cepat mengidentifikasi bulan mana yang memenuhi kriteria tertentu. Laporan ini memiliki visualisasi yang menampilkan Total Biaya yang dikelompokkan menurut Bulan.

Anda dapat menggunakan format bersyarat untuk menandai nilai yang memenuhi sasaran tertentu, sehingga data lebih mudah dipahami oleh pengguna.

Untuk contoh ini, tim Penjualan ingin menyoroti nilai berikut:

  • Setiap kolom dengan nilai Total Biaya antara $43.000 dan $45.000 (inklusif) akan berwarna ungu.
  • Semua kolom lainnya akan berwarna abu-abu.

Untuk menerapkan format bersyarat ini ke diagram Kartesius, ikuti langkah-langkah berikut:

  1. Melihat visualisasi Kartesius di Jelajah, atau mengedit visualisasi Kartesius di Look atau dasbor.
  2. Buka menu Edit dalam visualisasi.
  3. Klik tombol Edit Chart Config di tab Plot. Looker akan menampilkan dialog Edit Chart Config.
  4. Pilih bagian Chart Config (Override), lalu masukkan JSON berikut:

    {
      series: [{
        color: 'gray',
        formatters: [{
            select: 'value >= 43000 AND value <= 45000',
            style: {
              color: 'purple',
            }
          },
        ]
      }]
    }
    
  5. Untuk menerapkan perubahan, klik Terapkan.

Sekarang tim Penjualan dapat dengan cepat melihat bahwa pendapatan bulan Maret, April, dan September berkisar antara $43.000 dan $45.000, lalu mengambil tindakan lebih lanjut untuk mencari tahu apa yang terjadi pada bulan-bulan tersebut.

Setelah menyesuaikan visualisasi, Anda dapat menyimpannya. Jika Anda melihat visualisasi di Jelajah, simpan Jelajah. Jika Anda mengedit Tampilan atau dasbor, klik Simpan.