Menentukan konfigurasi visualisasi

Opsi data dan gaya untuk visualisasi komunitas ditentukan dalam konfigurasi JSON. Konfigurasi data menetapkan jumlah dimensi dan metrik yang visualisasi data. Konfigurasi style menentukan pemilih gaya yang tersedia di panel properti.

Konfigurasi data

Konfigurasi data menentukan elemen DIMENSION dan METRIC yang Looker Studio merender di panel properti. Setiap elemen sesuai dengan dimensi yang diberikan pengguna akhir sebagai {i>input<i} untuk visualisasi.

Contoh elemen data:

{
  "id": "twoDimensionsPlease",
  "label": "Dimension Element Heading",
  "type": "DIMENSION",
  "options": {
    "min": 2,
    "max": 2,
  }
}

id yang Anda tentukan dalam elemen data disertakan dalam informasi yang Looker Studio merespons dengan. label menentukan teks yang dilihat pengguna di atas bagian data, dan type menentukan apakah data tersebut berupa dimensi atau metrik. Tujuan Objek options menentukan jumlah kolom minimum dan maksimum yang dapat ditambahkan pengguna pada elemen data.

Dalam elemen data DIMENSION, objek options mendukung elemen Tombol supportedTypes. Jika ditentukan, Looker Studio akan membatasi jenis dimensi {i>field <i}yang dapat ditambahkan ke elemen. Nilai supportedTypes adalah array yang dapat berisi kombinasi "DEFAULT", "TIME", dan "GEO".

Bagian data mengelompokkan beberapa elemen data bersama-sama. Looker Studio merender label sebagai judul untuk beberapa elemen data.

Contoh data bagian:

{
  "id": "dimensionSection1",
  "label": "Dimension Section Heading",
  "elements":[
    // array of data elements
  ]
}

Screenshot ini menunjukkan cara Looker Studio merender bagian data dan data di atas:

Screenshot Elemen Data di panel properti

Konfigurasi gaya

Konfigurasi gaya mendefinisikan pemilih gaya yang dirender dalam panel properti.

Contoh elemen gaya:

{
  "id": "linkOpacity",
  "label": "Link opacity",
  "type": "OPACITY",
  "defaultValue": "0.2"
}

label menentukan teks yang dilihat pengguna sebagai tooltip, dan type menentukan jenis pemilih gaya yang dirender Looker Studio. Secara opsional, defaultValue menentukan nilai default untuk setiap elemen gaya.

Serupa dengan elemen data, elemen gaya didefinisikan di dalam bagian, yang memberikan {i>heading<i} dan pengelompokan yang logis. Untuk melihat daftar lengkap pemilih, lihat referensi konfigurasi.

Bagian contoh gaya:

{
  "id": "styleGroup1",
  "label": "Header for style group",
  "elements": [
    // insert Style Elements here
  ]
}

Screenshot berikut menampilkan contoh panel gaya dengan opasitas , dengan tooltip "Opacity Link" yang sesuai dengan label di kolom gaya.

Screenshot pemilih gaya

Konfigurasi interaksi

Konfigurasi interaction menentukan cara kerja interaksi diagram untuk visualisasi komunitas. Langkah ini bersifat opsional.

Contoh:

{
  "id": "onClick",
  "supportedActions": ["FILTER"]
}

Saat ini, hanya FILTER yang didukung. Jika Anda mengonfigurasi interaksi, kotak centang akan muncul di panel properti.

Screenshot pemilih gaya

Konfigurasi fitur

Konfigurasi features dapat mengaktifkan atau menonaktifkan berbagai fitur di visualisasi komunitas. Bagian ini bersifat opsional. Daftar fitur dapat yang ada dalam referensi konfigurasi.

Contoh:

  "features": {
    "enableComparisonDateRange": true
  }

Contoh

Untuk melihat contoh konfigurasi visualisasi, lihat contoh konfigurasi.

Langkah berikutnya

Setelah menentukan konfigurasi, tulis visualisasi.