visualization

Penggunaan

visualization: {
  id: "unique-id" 
  label: "Visualization Label" 
  url: "visualization_url" 
  sri_hash: "SRI hash" 
  dependencies: ["dependency_url_1","dependency_url_2"]
  file: "visualization_file_path" 
}
Hierarki
visualization
Nilai Default
Tidak ada

Aturan Khusus
visualization harus memiliki parameter url atau file, tetapi tidak keduanya

Definisi

Parameter visualization menambahkan visualisasi kustom ke project LookML Anda yang dapat diakses pengguna dari tab Visualisasi di Eksplorasi project. Visualisasi kustom harus ditentukan dalam file JavaScript, yang dapat disertakan dalam file project LookML Anda, atau dihosting di tempat lain.

Parameter visualization memiliki subparameter berikut:

Parameter Deskripsi
id Menentukan ID unik untuk visualisasi yang ditampilkan di halaman Visualisasi pada menu Admin Looker.
label Memberikan label untuk visualisasi yang ditampilkan di tab Visualisasi pada Eksplorasi project Anda dan di halaman Visualisasi pada menu Admin Looker.
url Parameter url memberikan URL ke file JavaScript visualisasi, jika file disimpan di server di luar instance Looker. Daripada menggunakan parameter url, Anda dapat menarik lalu melepas file ke Looker IDE, lalu menggunakan parameter file untuk mengarahkan ke file.

NOTE: Aplikasi harus memiliki parameter url atau parameter file, tetapi tidak keduanya.
sri_hash Hash SRI hanya digunakan saat file JavaScript visualisasi ditentukan dengan parameter url. Jika situs yang menghosting kode visualisasi kustom Anda menggunakan hash integritas subresource (SRI) untuk tujuan verifikasi, masukkan hash SRI di kolom sri_hash.
dependencies Menyediakan daftar URL dependensi yang dipisahkan koma dan diperlukan untuk memuat visualisasi.
file Menentukan jalur ke file JavaScript (dengan ekstensi .js) yang menentukan visualisasi. Jalur ini relatif terhadap root project. Contoh di kolom berikutnya mengarah ke file calendar-heatmap.js di direktori visualizations project LookML.

NOTE: Aplikasi harus memiliki parameter url atau parameter file, tetapi tidak keduanya.

Contoh: Menambahkan URL visualisasi kustom ke project LookML Anda

Salah satu opsi untuk menambahkan visualisasi kustom ke project LookML Anda adalah menggunakan URL file visualisasi kustom. Misalnya, menambahkan LookML ini ke file manifes project akan menambahkan visualisasi kustom CDN bernilai ganda ke project Looker. Visualisasi ini ditentukan dalam file JavaScript yang ada di Marketplace Looker:

visualization: {
  id: "spider-marketplace-dev"
  label: "Spider Viz"
  url: "https://marketplace-api.looker.com/viz-dist/spider.js"
  sri_hash: "oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC"
  dependencies: ["https://code.jquery.com/jquery-2.2.4.min.js","https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js","https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js","https://cdnjs.cloudflare.com/ajax/libs/d3-legend/1.13.0/d3-legend.min.js"]
}

Setelah Anda melakukan perubahan dan men-deploy-nya ke produksi, Looker akan menampilkan nama visualisasi kustom sebagai opsi di tab Visualisasi pada Eksplorasi project Anda.

Visualisasi juga akan dicantumkan di halaman Visualisasi di bagian Platform pada menu Admin Looker; lihat halaman dokumentasi Setelan admin - Visualisasi untuk mengetahui informasinya.

Contoh: Menambahkan file visualisasi kustom ke project LookML Anda

Opsi lainnya adalah menambahkan file JavaScript visualisasi kustom ke project LookML menggunakan Looker IDE:

  1. Di Looker IDE, tarik lalu lepas file JavaScript yang menentukan visualisasi kustom Anda ke project LookML Anda.
  2. Jika ingin, pindahkan file visualisasi ke dalam folder di Looker IDE, atau buat folder baru untuk file visualisasi.
  3. Klik file visualisasi di panel file browser untuk menampilkan konten file, lalu klik Simpan untuk menyimpan file.
  4. Di file manifes project, tentukan parameter visualisasi. Misalnya, LookML ini menambahkan visualisasi kustom pengukur radial ke project Looker. Visualisasi ditentukan dalam file JavaScript yang berada di direktori visualizations project LookML:
  visualization: {
  id: "radial_gauge"
  label: "Radial Gauge"
  file: "visualizations/radialgauge_v2.js"
   }

  1. Lakukan commit pada perubahan Anda dan deploy ke produksi.

    Anda harus men-deploy pembaruan visualisasi untuk melihat opsi visualisasi pelanggan di Eksplorasi (menyimpan pembaruan saja tidak cukup, bahkan dalam Mode Pengembangan).

Setelah Anda men-deploy update, Looker akan menampilkan nama visualisasi kustom sebagai opsi di tab Visualisasi pada Eksplorasi project Anda.

Visualisasi juga tercantum di halaman Visualisasi di bagian Platform pada menu Admin Looker; lihat halaman dokumentasi Setelan admin - Visualisasi untuk mengetahui informasi selengkapnya.