visualização

Uso

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" 
}
Hierarquia
visualization
Valor padrão
Nenhum

Regras especiais
O visualization precisa ter um parâmetro url ou file, mas não ambos.

Definição

O parâmetro visualization adiciona uma visualização personalizada ao seu projeto LookML, que os usuários podem acessar na guia Visualização das análises detalhadas do projeto. A visualização personalizada precisa ser definida em um arquivo JavaScript, que pode ser incluído nos arquivos do projeto LookML ou hospedado em outro lugar.

O parâmetro visualization tem os seguintes subparâmetros:

Parâmetro Descrição
id Especifica um identificador exclusivo para a visualização que aparece na página Visualizações do menu Administrador do Looker.
label Fornece o rótulo da visualização que aparece na guia Visualização das análises detalhadas do projeto e na página Visualizações do menu Administrador do Looker.
url O parâmetro url fornece o URL do arquivo JavaScript da visualização, se ele estiver armazenado em um servidor fora da instância do Looker. Em vez de usar o parâmetro url, arraste e solte o arquivo no IDE do Looker e use o parâmetro file para apontar para ele.

NOTE: o aplicativo precisa ter um parâmetro url ou um parâmetro file, mas não os dois.
sri_hash O hash de SRI é usado apenas quando o arquivo JavaScript da visualização é especificado com o parâmetro url. Se o site que hospeda seu código de visualização personalizada usar um hash de integridade de subrecurso (SRI) para fins de verificação, insira o hash de SRI no campo sri_hash.
dependencies Fornece uma lista separada por vírgulas de URLs de dependência necessários para carregar a visualização.
file Especifica o caminho para um arquivo JavaScript (com extensão .js) que define a visualização. O caminho é relativo à raiz do projeto. O exemplo na próxima coluna aponta para o arquivo calendar-heatmap.js no diretório visualizations do projeto do LookML.

NOTE: o aplicativo precisa ter um parâmetro url ou file, mas não os dois.

Exemplo: adicionar um URL de visualização personalizada ao seu projeto do LookML

Uma opção para adicionar uma visualização personalizada ao seu projeto do LookML é usar o URL de um arquivo de visualização personalizada. Por exemplo, adicionar este LookML ao arquivo de manifesto de um projeto adiciona uma visualização personalizada de CDN de vários valores ao projeto do Looker. Essa visualização é definida em um arquivo JavaScript localizado no Marketplace do 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"]
}

Depois que você confirmar as mudanças e implantá-las na produção, o Looker vai mostrar o nome da visualização personalizada como uma opção na guia "Visualização" das análises detalhadas do projeto.

A visualização também vai aparecer na página Visualizações, na seção Plataforma do menu Administrador do Looker. Consulte a página de documentação Configurações de administrador - Visualizações para mais informações.

Exemplo: adicionar um arquivo de visualização personalizada ao projeto do LookML

Outra opção é adicionar o arquivo JavaScript de visualização personalizada ao seu projeto do LookML usando o Looker IDE:

  1. No IDE do Looker, arraste e solte o arquivo JavaScript que define sua visualização personalizada no projeto do LookML.
  2. Se quiser, mova o arquivo de visualização para uma pasta no IDE do Looker ou crie uma pasta para ele.
  3. Clique no arquivo de visualização no painel do navegador de arquivos para mostrar o conteúdo dele e clique em Salvar.
  4. No arquivo de manifesto do projeto, defina os parâmetros de visualização. Por exemplo, esta LookML adiciona uma visualização personalizada de medidor radial ao projeto do Looker. A visualização é definida em um arquivo JavaScript localizado no diretório visualizations do projeto da LookML:
  visualization: {
  id: "radial_gauge"
  label: "Radial Gauge"
  file: "visualizations/radialgauge_v2.js"
   }

  1. Faça commit das mudanças e implante-as na produção.

    É preciso implantar as atualizações de visualização para ver a opção de visualização do cliente em uma análise detalhada. Salvar as atualizações não é suficiente, mesmo no modo de desenvolvimento.

Depois de implantar as atualizações, o Looker vai mostrar o nome da visualização personalizada como uma opção na guia Visualização das análises detalhadas do seu projeto.

A visualização também aparece na página Visualizações, na seção Plataforma do menu Administrador do Looker. Consulte a página de documentação Configurações de administrador - Visualizações para mais informações.