Ten en cuenta que estás viendo la documentación de Looker. Para obtener documentación de Looker Studio, visita https://support.google.com/looker-studio.

Tablas de propiedades de consulta y visualización

`Visualization`

Este componente toma los datos y la configuración del contexto de la consulta y renderiza la visualización adecuada. Puedes pasar valores de píxeles numéricos a esas propiedades para personalizar el ancho y la altura.

Propiedad	Valores	Notas
`width`	número (en píxeles)	El valor predeterminado es 100% cuando la prop no está definida.
`height`	número (en píxeles)	500 px de forma predeterminada cuando prop no está definido.
`chartTypeMap`	objeto clave-valor	Acepta un objeto clave-valor que define qué componente se debe renderizar cuando el sistema del adaptador encuentra valores de tipo de gráfico específicos. Se puede usar para anular los gráficos predeterminados de Looker o agregar nuevos tipos de gráficos al sistema del adaptador.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'
import { MyCustomRadar } from '../MyCustomRadar'

<Query query='12345' config={{ type: 'radar'}}>
   <Visualization
      width={1000}
      height={500}
      chartTypeMap={{ radar: MyCustomRadar}}
    />
</Query>

`Query`

Query se integra con nuestra API de JavaScript para controlar el ciclo de solicitud/respuesta y obtener una respuesta de consulta según el ID de consulta o el valor qid. Puede pasar las anulaciones de configuración de vis para combinarlas con la respuesta de la API y tener todos los datos cargados en el contexto de React.

Propiedad	Valores	Notas
`query`	número \| string	Puede aceptar la `Query.client_id`, que aparece después de la propiedad `qid` en una URL de Explorar, (`3fdrdE0b3ATltUvXBaSOPN`), o un ID de consulta numérico (`1234`). Si tienes acceso al ID de consulta numérico, comenzar desde este valor puede guardar una solicitud de servidor adicional. `Query` acepta la prop. `query` o la prop `dashboard`, pero no ambas.
`dashboard`	número	Se puede aceptar un ID de panel numérico (`1234`). Si tienes acceso al ID de panel numérico, a partir de este valor puedes guardar una solicitud de servidor adicional. `dashboard` no acepta los ID de string de los paneles de LookML. `Query` acepta el prop. `query` o el prop `dashboard`, pero no ambos.
`config`	Según el valor de `type`, acepta las siguientes propiedades: `type`, `legend`, `positioning`, `render_null_values`, `tooltips`, `series`, `x_axis`, `y_axis` Consulta la documentación específica de los gráficos más adelante en esta página para conocer los valores admitidos.	Establece y anula los parámetros de configuración de los gráficos.
`LoadingIndicator`	referencia del componente	Acepta una referencia de componente desactivada. Valor predeterminado: `ProgressCircular`

import { Visualization, Query } from '@looker/visualizations'
import { ProgressCircular } from '@looker/components'

<Query
  query='12345'
  config={{
      /* specific properties described below */
  }}
  LoadingIndicator={ProgressCircular}
>
  <Visualization />
</Query>

Propiedades del gráfico de áreas

Las siguientes son las propiedades de config para los gráficos de áreas.

Propiedad	Valores	Notas
`type`	`'area'`
`legend`	`false` (para inhabilitar) O `{ position: 'left' \| 'bottom' \| 'right' \| 'top' }`	Establece la posición de la leyenda o la inhabilita configurándola en `false`. Configuración predeterminada: `{ position: 'bottom' }`
`positioning`	`'overlay' \| 'stacked' \| 'percent'`	Modo de apilamiento de gráficos. Valor predeterminado: `'overlay'`
`render_null_values`	booleano	Trata los valores nulos como 0. Valor predeterminado: `false`
`tooltips`	booleano	Habilitar o inhabilitar la información sobre la herramienta que aparece cuando se coloca el cursor sobre los datos Valor predeterminado: `true`
`series`	serie en formato `view_name.field_name`	Consulta la sección series para ver las opciones de configuración y el uso de ejemplo.
`x_axis`	Configuración del eje X	Consulta la sección del eje x para ver las opciones de configuración y el uso de ejemplo.
`y_axis`	configuración del eje y	Consulta la sección y-eje para ver las opciones de configuración y el uso de ejemplo.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'area',
    legend: { position: 'left' },
    positioning: 'stacked',
    render_null_values: true,
    tooltips: true,
  }}
>
  <Visualization />
</Query>

`series`

La propiedad series puede aceptar un array de configuraciones de series o un objeto con nombre que anule una serie específica en tu respuesta.

Propiedad	Valores	Notas
`color`	string	Código hexadecimal
`label`	string
`line_width`	número	Establece el ancho del trazo de la línea en píxeles. Predeterminado: 3
`shape`	`'circle' \| 'diamond' \| 'square' \| 'triangle' \| 'triangle-down'`	Establecer forma de punto. Valor predeterminado: `'circle'`
`style`	`'none' \| 'filled' \| 'outline'`	Establecer estilo de punto. Predeterminado: `'none'` (puntos inhabilitados)
`visible`	booleano	Muestra u oculta la serie de datos. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

/* named series overrides */
<Query
  query='12345'
  config={{
    type: 'area',
    series: {
      'orders.count': {
        color: '#4285F4',
        label: 'Total Orders',
        shape: 'square',
      }
    }
  }}
>
  <Visualization />
</Query>

/* ordered list series overrides */
<Query
  query='12345'
  config={{
    type: 'area',
    series: [{ color: '#4285F4', label: 'Total Orders', shape: 'square' }],
  }}
>
  <Visualization />
</Query>

`x_axis`

Si bien por el momento nuestros gráficos solo admiten un eje x, nuestra API está preparada para el futuro y está estructurada para admitir la configuración de varios ejes.

Propiedad	Valores	Notas
`gridlines`	booleano	Oculta o muestra líneas de cuadrícula verticales. Valor predeterminado: `false`
`label`	`false` (para ocultar etiqueta) \| string (valor para renderizar)	Establece el valor que se renderizará como la etiqueta del eje X. Predeterminado: `false` (sin etiqueta)
`reversed`	booleano	Invierte el orden de los datos. Valor predeterminado: `false`
`values`	booleano	Muestra u oculta los valores renderizados a lo largo del eje. Configuración predeterminada: true

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

  <Query
    query='12345'
    config={{
      type: 'area',
      x_axis: [{ gridlines: true, label: 'Date of first purchase' }],
    }}
  >
    <Visualization />
  </Query>

`y_axis`

Si bien nuestros gráficos actualmente solo admiten un único eje y, nuestra API está preparada para el futuro y está estructurada a fin de admitir la configuración de varios ejes.

Propiedad	Valores	Notas
`gridlines`	booleano	Oculta o muestra líneas de cuadrícula verticales. Valor predeterminado: `false`.
`label`	`false` (para ocultar etiqueta) \| string (valor para renderizar)	Establece el valor que se renderizará como la etiqueta del eje Y. Predeterminado: `false` (sin etiqueta)
`range`	[número (min) \| `'auto'`, número (máx.) \| `'auto']`	Establece el valor mínimo y el máximo del eje y. Si estableces el valor mínimo de `'auto'` en 0, el valor máximo de `'auto'` será la puntuación máxima de datos del conjunto. Predeterminada: `['auto' \| 'auto']`.
`values`	booleano	Muestra u oculta los valores renderizados a lo largo del eje. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

  <Query
    query='12345'
    config={{
      type: 'area',
      y_axis: [
        { gridlines: true, label: 'Number of orders', range: [50, 'auto'] },
      ],
    }}
  >
    <Visualization />
  </Query>

Propiedades del gráfico de barras y de columnas

A continuación, se muestran las propiedades de config para los gráficos de barras y columnas.

Propiedad	Valores	Notas
`type`	`'bar' \| 'column'`
`legend`	`false` (para inhabilitar) O `{ position: 'left' \| 'bottom' \| 'right' \| 'top' }`	Establece la posición de la leyenda o la inhabilita configurándola en `false`. Predeterminada: `{ position: 'bottom' }`
`positioning`	`'grouped' \| 'stacked' \| 'percent'`	Modo de apilamiento de gráficos. Valor predeterminado: `'overlay'`
`tooltips`	booleano	Habilitar o inhabilitar la información sobre la herramienta que aparece cuando se coloca el cursor sobre los datos. Predeterminado: `true`
`series`	serie en formato `view_name.field_name`	Consulta la sección series para ver las opciones de configuración y el uso de ejemplo.
`x_axis`	Configuración del eje X	Consulta la sección del eje x para ver las opciones de configuración y el uso de ejemplo.
`y_axis`	configuración del eje y	Consulta la sección y-eje para ver las opciones de configuración y el uso de ejemplo.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'bar',
    legend: { position: 'left' },
    positioning: 'stacked',
    tooltips: true,
  }}
>
  <Visualization />
</Query>

`series`

La propiedad series puede aceptar un array de configuraciones de series o un objeto con nombre que anule una serie específica en tu respuesta.

Propiedad	Valores	Notas
`color`	string	Código hexadecimal
`label`	string
`visible`	booleano	Muestra u oculta la serie de datos. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'column',
    series: {
      'orders.count': {
        color: '#4285F4',
        label: 'Total Orders',
        visible: false,
      },
    },
  }}
>
  <Visualization />
</Query>

/* ordered list series overrides */
<Query
  query='12345'
  config={{
    type: 'column',
    series: [{ color: '#4285F4', label: 'Total Orders', visible: false }],
  }}
>
  <Visualization />
</Query>

`x_axis`

Si bien por el momento nuestros gráficos solo admiten un eje x, nuestra API está preparada para el futuro y está estructurada para admitir la configuración de varios ejes.

Propiedad	Valores	Notas
`gridlines`	booleano	Oculta o muestra líneas de cuadrícula verticales. Valor predeterminado: `false`.
`label`	`false` (para ocultar etiqueta) \| string (valor para renderizar)	Establece el valor que se renderizará como la etiqueta del eje X. Predeterminado: `false` (sin etiqueta)
`reversed`	booleano	Invierte el orden de los datos. Valor predeterminado: `false`
`values`	booleano	Muestra u oculta los valores renderizados a lo largo del eje. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

  <Query
    query='12345'
    config={{
      type: 'column',
      x_axis: [{ gridlines: true, label: 'Date of first purchase' }],
    }}
  >
    <Visualization />
  </Query>

`y_axis`

Si bien nuestros gráficos actualmente solo admiten un único eje y, nuestra API está preparada para el futuro y está estructurada a fin de admitir la configuración de varios ejes.

Propiedad	Valores	Notas
`gridlines`	booleano	Oculta o muestra líneas de cuadrícula verticales. Valor predeterminado: `false`.
`label`	`false` (para ocultar etiqueta) \| string (valor para renderizar)	Establece el valor que se renderizará como la etiqueta del eje Y. Predeterminado: `false` (sin etiqueta)
`range`	[número (min) \| `'auto'`, número (máx.) \| `'auto']`	Establece el valor mínimo y el máximo del eje y. Si estableces el valor mínimo de “automático” en 0, el valor máximo de “datos automáticos” es el valor máximo de datos del conjunto. Valor predeterminado: `['auto' \| 'auto']`.
`values`	booleano	Muestra u oculta los valores renderizados a lo largo del eje. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

  <Query
    query='12345'
    config={{
      type: 'bar',
      y_axis: [
        { gridlines: true, label: 'Number of orders', range: [500, 'auto'] },
      ],
    }}
  >
    <Visualization />
  </Query>

Propiedades del gráfico de líneas

Las siguientes son las propiedades de config para los gráficos de líneas.

Propiedad	Valores	Notas
`type`	`'line'`
`legend`	`false` (para inhabilitar) O `{ position: 'left' \| 'bottom' \| 'right' \| 'top' }`	Establece la posición de la leyenda o la inhabilita configurándola en `false`. Predeterminada: `{ position: 'bottom' }`
`render_null_values`	booleano	Trata los valores nulos como 0. Valor predeterminado: `false`
`tooltips`	booleano	Habilitar o inhabilitar la información sobre la herramienta que aparece cuando se coloca el cursor sobre los datos Valor predeterminado: `true`
`series`	serie en formato `view_name.field_name`	Consulta la sección series para ver las opciones de configuración y el uso de ejemplo.
`x_axis`	Configuración del eje X	Consulta la sección del eje x para ver las opciones de configuración y el uso de ejemplo.
`y_axis`	configuración del eje y	Consulta la sección y-eje para ver las opciones de configuración y el uso de ejemplo.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'line',
    legend: { position: 'left' },
    render_null_values: true,
    tooltips: true,
  }}
>
  <Visualization />
</Query>

`series`

La propiedad series puede aceptar un array de configuraciones de series o un objeto con nombre que anule una serie específica en tu respuesta.

Propiedad	Valores	Notas
`color`	string	Código hexadecimal
`label`	string
`line_width`	número	Establece el ancho del trazo de la línea en píxeles. Predeterminado: 3
`shape`	`'circle' \| 'diamond' \| 'square' \| 'triangle' \| 'triangle-down'`	Establecer forma de punto. Valor predeterminado: `'circle'`
`style`	`'none' \| 'filled' \| 'outline'`	Establecer estilo de punto. Predeterminado: `'none'` (puntos inhabilitados)
`visible`	booleano	Muestra u oculta la serie de datos. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

/* named series overrides */
<Query
  query='12345'
  config={{
    type: 'line',
    series: {
      'orders.count': {
        color: '#4285F4',
        label: 'Total Orders',
        shape: 'square',
      },
    },
  }}
>
  <Visualization />
</Query>

/* ordered list series overrides */
<Query
  query='12345'
  config={{
    type: 'line',
    series: [{ color: '#4285F4', label: 'Total Orders', shape: 'square' }],
  }}
>
  <Visualization />
</Query>

`x_axis`

Si bien por el momento nuestros gráficos solo admiten un eje x, nuestra API está preparada para el futuro y está estructurada para admitir la configuración de varios ejes.

Propiedad	Valores	Notas
`gridlines`	booleano	Oculta o muestra líneas de cuadrícula verticales. Valor predeterminado: `false`.
`label`	`false` (para ocultar etiqueta) \| string (valor para renderizar)	Establece el valor que se renderizará como la etiqueta del eje X. Predeterminado: `false` (sin etiqueta)
`reversed`	booleano	Invierte el orden de los datos. Valor predeterminado: `false`
`values`	booleano	Muestra u oculta los valores renderizados a lo largo del eje. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

  <Query
    query='12345'
    config={{
      type: 'line',
      x_axis: [{ gridlines: true, label: 'Date of first purchase' }],
    }}
  >
    <Visualization />
  </Query>

`y_axis`

Si bien nuestros gráficos actualmente solo admiten un único eje y, nuestra API está preparada para el futuro y está estructurada a fin de admitir la configuración de varios ejes.

Propiedad	Valores	Notas
`gridlines`	booleano	Oculta o muestra líneas de cuadrícula verticales. Valor predeterminado: `false`
`label`	`false` (para ocultar etiqueta) \| string (valor para renderizar)	Establece el valor que se renderizará como la etiqueta del eje Y. Predeterminado: `false` (sin etiqueta)
`range`	[número (min) \| `'auto'`, número (máx.) \| `'auto']`	Establece el valor mínimo y el máximo del eje y. Si estableces el valor mínimo de “automático” en 0, el valor máximo de “datos automáticos” es el valor máximo de datos del conjunto. Valor predeterminado: `['auto' \| 'auto']`.
`values`	booleano	Muestra u oculta los valores renderizados a lo largo del eje. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

  <Query
    query='12345'
    config={{
      type: 'line',
      y_axis: [
        { gridlines: true, label: 'Number of orders', range: [500, 'auto'] },
      ],
    }}
  >
    <Visualization />
  </Query>

Propiedades del gráfico de dispersión

Las siguientes son las propiedades de config para los diagramas de dispersión.

Propiedad	Valores	Notas
`type`	`'scatter'`
`legend`	`false` (para inhabilitar) O `{ position: 'left' \| 'bottom' \| 'right' \| 'top' }`	Establece la posición de la leyenda o la inhabilita configurándola en `false`. Predeterminada: `{ position: 'bottom' }`
`render_null_values`	booleano	Trata los valores nulos como 0. Valor predeterminado: `false`
`tooltips`	booleano	Habilitar o inhabilitar la información sobre la herramienta que aparece cuando se coloca el cursor sobre los datos Valor predeterminado: `true`
`series`	serie en formato `view_name.field_name`	Consulta la sección series para ver las opciones de configuración y el uso de ejemplo.
`x_axis`	Configuración del eje X	Consulta la sección del eje x para ver las opciones de configuración y el uso de ejemplo.
`y_axis`	configuración del eje y	Consulta la sección y-eje para ver las opciones de configuración y el uso de ejemplo.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'scatter',
    legend: { position: 'left' },
    render_null_values: true,
    tooltips: true,
  }}
>
  <Visualization />
</Query>

`series`

La propiedad series puede aceptar un array de configuraciones de series o un objeto con nombre que anule una serie específica en tu respuesta.

Propiedad	Valores	Notas
`color`	string	Código hexadecimal
`label`	string
`line_width`	número	Se usa para establecer el tamaño de los puntos en un diagrama de dispersión. Considérelo como el valor del contorno de cada punto. Valor predeterminado: `3`
`shape`	`'circle' \| 'diamond' \| 'square' \| 'triangle' \| 'triangle-down'`	Establecer forma de punto. Valor predeterminado: `'circle'`
`style`	`'none' \| 'filled' \| 'outline'`	Establecer estilo de punto. Predeterminado: `'none'` (puntos inhabilitados)
`size_by`	`false` \| string	Nombre de la serie para el que se debe calibrar el tamaño de cada punto. Configura `false` para inhabilitar el tamaño dinámico de puntos. Predeterminada: `false`
`visible`	booleano	Muestra u oculta la serie de datos. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

/* named series overrides */
<Query
  query='12345'
  config={{
    type: 'scatter',
    series: {
      'orders.count': {
        color: '#4285F4',
        label: 'Total Orders',
        shape: 'square',
        size_by: 'orders.count',
      },
    },
  }}
>
  <Visualization />
</Query>

/* ordered list series overrides */
<Query
    query='12345'
    config={{
      type: 'scatter',
      series: [
        {
          color: '#4285F4',
          label: 'Total Orders',
          shape: 'square',
          size_by: 'orders.count',
        },
      ],
    }}
  >
    <Visualization />
  </Query>

`x_axis`

Si bien por el momento nuestros gráficos solo admiten un eje x, nuestra API está preparada para el futuro y está estructurada para admitir la configuración de varios ejes.

Propiedad	Valores	Notas
`gridlines`	booleano	Oculta o muestra líneas de cuadrícula verticales. Valor predeterminado: `false`.
`label`	`false` (para ocultar etiqueta) \| string (valor para renderizar)	Establece el valor que se renderizará como la etiqueta del eje X. Predeterminado: `false` (sin etiqueta)
`reversed`	booleano	Invierte el orden de los datos. Valor predeterminado: `false`
`values`	booleano	Muestra u oculta los valores renderizados a lo largo del eje. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

  <Query
    query='12345'
    config={{
      type: 'scatter',
      x_axis: [{ gridlines: true, label: 'Date of first purchase' }],
    }}
  >
    <Visualization />
  </Query>

`y_axis`

Si bien nuestros gráficos actualmente solo admiten un único eje y, nuestra API está preparada para el futuro y está estructurada a fin de admitir la configuración de varios ejes.

Propiedad	Valores	Notas
`gridlines`	booleano	Oculta o muestra líneas de cuadrícula verticales. Valor predeterminado: `false`.
`label`	`false` (para ocultar etiqueta) \| string (valor para renderizar)	Establece el valor que se renderizará como la etiqueta del eje Y. Predeterminado: `false` (sin etiqueta)
`range`	[número (min) \| `'auto'`, número (máx.) \| `'auto']`	Establece el valor mínimo y el máximo del eje y. Si estableces el valor mínimo de “automático” en 0, el valor máximo de “datos automáticos” es el valor máximo de datos del conjunto. Valor predeterminado: `['auto' \| 'auto']`.
`values`	booleano	Muestra u oculta los valores renderizados a lo largo del eje. Valor predeterminado: `true`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

  <Query
    query='12345'
    config={{
      type: 'scatter',
      y_axis: [
        { gridlines: true, label: 'Number of orders', range: [500, 'auto'] },
      ],
    }}
  >
    <Visualization />
  </Query>

Propiedades del gráfico de valor único

Las siguientes son las propiedades de config para los gráficos de valor único.

Propiedad	Valores	Notas
`type`	`'single_value'`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query query='12345' config={{ type: 'single_value' }}>
  <Visualization />
 </Query>

Propiedades del gráfico de líneas

Las siguientes son las propiedades de config para los minigráficos.

Propiedad	Valores	Notas
`type`	`'sparkline'`
`render_null_values`	booleano	Trata los valores nulos como 0. Valor predeterminado: `false`
`series`	serie en formato `view_name.field_name`	Consulta la sección series para ver las opciones de configuración y el uso de ejemplo.
`y_axis`	configuración del eje y	Consulta la sección y-eje para ver las opciones de configuración y el uso de ejemplo.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query="12345"
  config={{ type: 'sparkline', render_null_values: true }}
>
  <Visualization />
</Query>

`series`

Aunque, por naturaleza, Sparkline solo admite una serie, mantenemos un patrón de API que involucra anulaciones de series con nombre o array a fin de mantener la coherencia con los otros tipos de gráficos de nuestra biblioteca.

Propiedad	Valores	Notas
`color`	string	Código hexadecimal
`line_width`	número	Establece el ancho del trazo de la línea en píxeles. Valor predeterminado: `3`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

/* named series overrides */
<Query
  query='12345'
  config={{
    type: 'sparkline',
    series: {
      'orders.count': {
        color: '#4285F4',
        line_width: 10,
      },
    },
  }}
>
  <Visualization />
</Query>

/* ordered list series overrides */
<Query
  query='12345'
  config={{
    type: 'scatter',
    series: [
        {
          color: '#4285F4',
          line_width: 10,
        },
      ],
  }}
>
  <Visualization />
</Query>

`y_axis`

Si bien nuestros gráficos actualmente solo admiten un único eje y, nuestra API está preparada para el futuro y está estructurada a fin de admitir la configuración de varios ejes.

Propiedad	Valores	Notas
`range`	[número (min) \| `'auto'`, número (máx.) \| `'auto']`	Establece el valor mínimo y el máximo del eje y. Si estableces el valor mínimo de “automático” en 0, el valor máximo de “datos automáticos” es el valor máximo de datos del conjunto. Valor predeterminado: `['auto' \| 'auto']`.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'sparkline',
    y_axis: [
      { range: [50, 'auto'] },
    ],
  }}
>
  <Visualization />
</Query>

Propiedades del gráfico de la tabla

Las siguientes son las propiedades de config para los gráficos de tablas.

Propiedad	Valores	Notas
`type`	`'table'`
`series`	serie en formato `view_name.field_name`	Consulta la sección series para ver las opciones de configuración y el uso de ejemplo.
`column_order`	`string[]`	Un array de nombres de series (por ejemplo, `'orders.count'`) que indican cómo te gustaría que se ordenen las columnas de la tabla de izquierda a derecha.
`show_row_numbers`	`boolean`	Activa o desactiva la visualización de la fila de totales en la parte inferior de la tabla. Valor predeterminado: `true`
`show_totals`	`boolean`	Activa o desactiva la visualización de la fila de totales en la parte inferior de la tabla. Valor predeterminado: `true`
`show_row_totals`	`boolean`	Activa o desactiva la visualización de los totales de filas en el lado derecho de la tabla. Valor predeterminado: `true`
`truncate_text`	`boolean`	Cuando es `true`, el texto de la celda de la tabla se limita a una sola línea y el desbordamiento de contenido se trunca con una elipsis. Cuando el valor es `false`, el contenido puede unirse a varias líneas. Predeterminada: `true`.
`truncate_header`	`boolean`	Cuando es `true`, las etiquetas del encabezado de la tabla se limitan a una sola línea y el desbordamiento de contenido se trunca con una elipsis. Cuando el valor es `false`, los encabezados pueden ajustarse a varias líneas. Predeterminada: `true`.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'table',
    column_order: ['orders.count', 'users.city'],
    show_row_numbers: true,
    show_totals: true,
    show_row_totals: true,
    truncate_text: true,
    truncate_header: true
  }}
>
  <Visualization />
</Query>

`series`

La propiedad de serie puede aceptar un array de configuraciones de series o un objeto con nombre que anule una serie específica en tu respuesta.

Propiedad	Valores	Notas
`cell_visualization`	`boolean`	Activa o desactiva la visualización de celdas intercalada. La configuración predeterminada es `true` para la primera medida y `false` para las otras.
`color`	`string`	Especifica el color que se usará para renderizar la visualización de las celdas de la tabla.
`value_format`	`string`	Una string de formato de número que indica si se renderizan valores como moneda, la precisión de punto flotante, si se deben usar comas o puntos para delimitar miles, etcétera.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'table',
    series: {
      'orders.count': {
        color: '#4285F4',
        cell_visualization: true,
        value_format: '$#,##0.00',
      },
    },
  }}
>
  <Visualization />
</Query>

/* ordered list series overrides */
<Query
  query='12345'
  config={{
    type: 'table',
    series: [{
      color: '#4285F4',
      cell_visualization: true,
      value_format: '$#,##0.00',
    }]
  }}
>
 <Visualization />
</Query>

Propiedades del gráfico circular

Las siguientes son las propiedades de config para los gráficos circulares.

Propiedad	Valores	Notas
`type`	`'pie'`
`legend`	`false` (para inhabilitar) \| configuración de leyenda	Si se establece en `false`, se inhabilita la leyenda. Configuración predeterminada: Habilitada. Consulta la sección legend para ver las opciones de configuración y el uso de ejemplo cuando está habilitado.
`tooltips`	booleano	Habilitar o inhabilitar la información sobre la herramienta que aparece cuando se coloca el cursor sobre los datos Valor predeterminado: `true`
`series`	serie en formato `view_name.field_name`	Consulta la sección series para ver las opciones de configuración y el uso de ejemplo.

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'pie',
    legend: false,
    tooltips: true,
  }}
>
  <Visualization />
</Query>

`legend`

La propiedad legend puede aceptar las siguientes configuraciones de leyenda:

Propiedad	Valores	Notas
`type`	`'labels' \| 'legend'`	`labels` coloca etiquetas que apuntan directamente a cada segmento. `legend` coloca una leyenda independiente. Predeterminada: `'legend'`.
`position`	`'top' \| 'bottom' \| 'left' \| 'right'`	Posiciona la leyenda cuando `type: 'legend'`. Predeterminada: `'right'`
`width`	número	Ancho máximo de la leyenda en píxeles cuando `type: 'legend'`. Predeterminada: `300`
`value`	`'label' \| 'label_value' \| 'value' \| 'percent' \| 'label_percent'`	Establece el contenido de la leyenda: etiqueta, etiqueta y valor, valor, porcentaje, etiqueta y porcentaje. Valor predeterminado: `'label_percent'`

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'pie',
    legend: {
      type: 'legend'
      position: 'right'
      width: 200,
      value: 'label_value',
    },
  }}
>
  <Visualization />
</Query>

`series`

A diferencia de los gráficos cartesianos, cada dato de un gráfico circular se trata como una serie nueva:

Propiedad	Valores	Notas
`color`	string	Código hexadecimal

Ejemplo de uso:

import { Visualization, Query } from '@looker/visualizations'

<Query
  query='12345'
  config={{
    type: 'pie',
    series: {
      'New York': {
        color: '#4285F4',
      },
      'Los Angeles': {
        color: '#b73ec3',
      },
      'Chicago': {
        color: '#db4da8',
      },
    },
  }}
>
  <Visualization />
</Query>