Visualisierungs- und Abfrageattribut-Tabellen

Visualization

Diese Komponente ruft die Daten und die Konfiguration aus dem Abfragekontext ab und rendert die entsprechende Visualisierung. Sie können die Breite und Höhe anpassen, indem Sie numerische Pixelwerte an diese Eigenschaften übergeben.

Attribut	Werte	Hinweise
width	Zahl (in Pixeln)	Standardeinstellung 100 %, wenn die Eigenschaft nicht definiert ist
height	Zahl (in Pixeln)	Standardmäßig 500 Pixel, wenn die Eigenschaft nicht definiert ist.
chartTypeMap	Schlüssel/Wert-Objekt	Akzeptiert ein Schlüssel/Wert-Objekt, das definiert, welche Komponente gerendert wird, wenn das Adaptersystem bestimmte Diagrammtypwerte erkennt. Kann verwendet werden, um die Standarddiagramme von Looker zu überschreiben oder um dem Adaptersystem neue Diagrammtypen hinzuzufügen.

Beispiel:

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 lässt sich in die JavaScript API einbinden, um den Anfrage-/Antwortzyklus zu verarbeiten und eine Abfrageantwort anhand der Abfrage-ID oder des qid-Werts abzurufen. Sie können Visa-Konfigurationsüberschreibungen übergeben, die mit der API-Antwort zusammengeführt werden sollen, und alle Daten in den React-Kontext laden.

Attribut	Werte	Hinweise
query	Zahl | String	Zulässig ist entweder Query.client_id, das auf die Property qid in der URL einer Erkundung (3fdrdE0b3ATltUvXBaSOPN) folgt, oder eine numerische Abfrage-ID (1234). Wenn du Zugriff auf die numerische Abfrage-ID hast, kannst du ab diesem Wert eine zusätzliche Serveranfrage speichern. Query akzeptiert entweder die query- oder die dashboard-Propf, aber nicht beide.
dashboard	number	Numerische Dashboard-ID (1234) zulässig. Wenn Sie Zugriff auf die numerische Dashboard-ID haben, kann ab diesem Wert eine zusätzliche Serveranfrage gespeichert werden. dashboard akzeptiert die String-IDs von LookML-Dashboards nicht. Query akzeptiert entweder die query- oder die dashboard-Prop, aber nicht beide.
config	Abhängig vom Wert type werden die folgenden Attribute akzeptiert: type, legend, positioning, render_null_values, tooltips, series, x_axis, y_axis Die unterstützten Werte finden Sie in der diagrammspezifischen Dokumentation weiter unten auf dieser Seite.	Konfigurationseinstellungen für Diagramme festlegen und überschreiben
LoadingIndicator	Komponentenreferenz	Akzeptiert einen Verweis auf nicht bereitgestellte Komponenten. Standardwert: ProgressCircular

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

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

Eigenschaften von Flächendiagrammen

Im Folgenden sind die config-Properties für Flächendiagramme aufgeführt.

Attribut	Werte	Hinweise
type	'area'
legend	false (zum Deaktivieren) ODER { position: 'left' | 'bottom' | 'right' | 'top' }	Legt die Legendenposition fest oder deaktiviert die Legende durch Festlegen auf false. Standardeinstellung: { position: 'bottom' }
positioning	'overlay' | 'stacked' | 'percent'	Grafik: Stapelmodus von Diagrammen Standardwert: 'overlay'
render_null_values	boolean	Behandelt Nullwerte als 0. Standardwert: false
tooltips	boolean	Aktiviere oder deaktiviere Kurzinfos, die angezeigt werden, wenn du den Mauszeiger auf Datenpunkte bewegst. Standardwert: true
series	Buchreihe im Format view_name.field_name	Informationen zu Konfigurationsoptionen und zur Verwendung finden Sie im Abschnitt Reihen.
x_axis	Konfiguration der x-Achse	Im Abschnitt x-Achse finden Sie Konfigurationsoptionen und eine Beispielverwendung.
y_axis	y-Achsenkonfiguration	Im Abschnitt y-Achse finden Sie Konfigurationsoptionen und eine Beispielverwendung.

Beispiel:

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

Das Attribut series kann entweder ein Array von Reihenkonfigurationen oder ein benanntes Objekt in der Antwort akzeptieren, das eine bestimmte Reihe in deiner Antwort überschreibt.

Attribut	Werte	Hinweise
color	String	Hexadezimalcode
label	String
line_width	number	Die Strichbreite in Pixeln festlegen. Standardeinstellung: 3
shape	'circle' | 'diamond' | 'square' | 'triangle' | 'triangle-down'	Punktform festlegen. Standardwert: 'circle'
style	'none' | 'filled' | 'outline'	Punktstil festlegen. Standard: 'none' (Punkte deaktiviert)
visible	boolean	Datenreihe ein- oder ausblenden. Standardwert: true

Beispiel:

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

Obwohl unsere Diagramme derzeit nur eine einzelne x-Achse unterstützen, ist unsere API zukunftssicher und so strukturiert, dass sie mehrere Achsen konfigurieren kann.

Attribut	Werte	Hinweise
gridlines	boolean	Vertikale Gitternetzlinien ein- oder ausblenden Standardwert: false
label	false (zum Ausblenden des Labels) | String (Wert, der gerendert werden soll)	Legt den Wert fest, der als Label für die x-Achse gerendert werden soll. Standardeinstellung: false (kein Label)
reversed	boolean	Kehrt die Reihenfolge der Datenpunkte um. Standardwert: false
values	boolean	Werte auf der Achse anzeigen oder ausblenden. Standardwert: true

Beispiel:

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

Auch wenn unsere Diagramme derzeit nur eine einzige Y-Achse unterstützen, ist unsere API zukunftssicher und so strukturiert, dass sie mehrere Achsen konfigurieren können.

Attribut	Werte	Hinweise
gridlines	boolean	Vertikale Gitternetzlinien ein- oder ausblenden Standardeinstellung: false.
label	false (zum Ausblenden des Labels) | String (Wert, der gerendert werden soll)	Legt den Wert fest, der als Label auf der Y-Achse gerendert werden soll. Standardeinstellung: false (kein Label)
range	[Zahl (min) | 'auto', Zahl (max.) | 'auto']	Legt den Mindest- und Höchstwert der Y-Achse fest. Wenn Sie den Mindestwert auf 'auto' festlegen, wird der Standardwert 0 und der Maximalwert 'auto' verwendet, um den maximalen Datenpunktwert im Satz zu erhalten. Standardeinstellung: ['auto' | 'auto']
values	boolean	Werte auf der Achse anzeigen oder ausblenden. Standardwert: true

Beispiel:

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>

Eigenschaften für Balken- und Säulendiagramme

Im Folgenden sind die config-Eigenschaften für Balken- und Säulendiagramme aufgeführt.

Attribut	Werte	Hinweise
type	'bar' | 'column'
legend	false (zum Deaktivieren) ODER { position: 'left' | 'bottom' | 'right' | 'top' }	Legt die Legendenposition fest oder deaktiviert die Legende durch Festlegen auf false. Standard: { position: 'bottom' }
positioning	'grouped' | 'stacked' | 'percent'	Grafik: Stapelmodus von Diagrammen Standardwert: 'overlay'
tooltips	boolean	Aktiviere oder deaktiviere Kurzinfos, die angezeigt werden, wenn du den Mauszeiger auf Datenpunkte bewegst. Standardeinstellung: true
series	Buchreihe im Format view_name.field_name	Informationen zu Konfigurationsoptionen und zur Verwendung finden Sie im Abschnitt Reihen.
x_axis	Konfiguration der x-Achse	Im Abschnitt x-Achse finden Sie Konfigurationsoptionen und eine Beispielverwendung.
y_axis	y-Achsenkonfiguration	Im Abschnitt y-Achse finden Sie Konfigurationsoptionen und eine Beispielverwendung.

Beispiel:

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

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

series

Das Attribut series kann entweder ein Array von Reihenkonfigurationen oder ein benanntes Objekt in der Antwort akzeptieren, das eine bestimmte Reihe in deiner Antwort überschreibt.

Attribut	Werte	Hinweise
color	String	Hexadezimalcode
label	String
visible	boolean	Datenreihe ein- oder ausblenden. Standardwert: true

Beispiel:

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

Obwohl unsere Diagramme derzeit nur eine einzelne x-Achse unterstützen, ist unsere API zukunftssicher und so strukturiert, dass sie mehrere Achsen konfigurieren kann.

Attribut	Werte	Hinweise
gridlines	boolean	Vertikale Gitternetzlinien ein- oder ausblenden Standardeinstellung: false.
label	false (zum Ausblenden des Labels) | String (Wert, der gerendert werden soll)	Legt den Wert fest, der als Label für die x-Achse gerendert werden soll. Standardeinstellung: false (kein Label)
reversed	boolean	Kehrt die Reihenfolge der Datenpunkte um. Standardwert: false
values	boolean	Werte auf der Achse anzeigen oder ausblenden. Standardwert: true

Beispiel:

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

Auch wenn unsere Diagramme derzeit nur eine einzige Y-Achse unterstützen, ist unsere API zukunftssicher und so strukturiert, dass sie mehrere Achsen konfigurieren können.

Attribut	Werte	Hinweise
gridlines	boolean	Vertikale Gitternetzlinien ein- oder ausblenden Standardeinstellung: false.
label	false (zum Ausblenden des Labels) | String (Wert, der gerendert werden soll)	Legt den Wert fest, der als Label auf der Y-Achse gerendert werden soll. Standardeinstellung: false (kein Label)
range	[Zahl (min) | 'auto', Zahl (max.) | 'auto']	Legt den Mindest- und Höchstwert der Y-Achse fest. Wenn Sie „min“ auf „&“ festlegen, wird der Standardwert „0“ und „max“ auf „auto“ gesetzt, um den maximalen Datenpunktwert im Satz zu erhalten. Standardeinstellung: ['auto' | 'auto'].
values	boolean	Werte auf der Achse anzeigen oder ausblenden. Standardwert: true

Beispiel:

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>

Eigenschaften für Liniendiagramme

Im Folgenden sind die config-Eigenschaften für Liniendiagramme aufgeführt.

Attribut	Werte	Hinweise
type	'line'
legend	false (zum Deaktivieren) ODER { position: 'left' | 'bottom' | 'right' | 'top' }	Legt die Legendenposition fest oder deaktiviert die Legende durch Festlegen auf false. Standard: { position: 'bottom' }
render_null_values	boolean	Behandelt Nullwerte als 0. Standardwert: false
tooltips	boolean	Aktiviere oder deaktiviere Kurzinfos, die angezeigt werden, wenn du den Mauszeiger auf Datenpunkte bewegst. Standardwert: true
series	Buchreihe im Format view_name.field_name	Informationen zu Konfigurationsoptionen und zur Verwendung finden Sie im Abschnitt Reihen.
x_axis	Konfiguration der x-Achse	Im Abschnitt x-Achse finden Sie Konfigurationsoptionen und eine Beispielverwendung.
y_axis	y-Achsenkonfiguration	Im Abschnitt y-Achse finden Sie Konfigurationsoptionen und eine Beispielverwendung.

Beispiel:

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

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

series

Das Attribut series kann entweder ein Array von Reihenkonfigurationen oder ein benanntes Objekt in der Antwort akzeptieren, das eine bestimmte Reihe in deiner Antwort überschreibt.

Attribut	Werte	Hinweise
color	String	Hexadezimalcode
label	String
line_width	number	Die Strichbreite in Pixeln festlegen. Standardeinstellung: 3
shape	'circle' | 'diamond' | 'square' | 'triangle' | 'triangle-down'	Punktform festlegen. Standardwert: 'circle'
style	'none' | 'filled' | 'outline'	Punktstil festlegen. Standard: 'none' (Punkte deaktiviert)
visible	boolean	Datenreihe ein- oder ausblenden. Standardwert: true

Beispiel:

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

Obwohl unsere Diagramme derzeit nur eine einzelne x-Achse unterstützen, ist unsere API zukunftssicher und so strukturiert, dass sie mehrere Achsen konfigurieren kann.

Attribut	Werte	Hinweise
gridlines	boolean	Vertikale Gitternetzlinien ein- oder ausblenden Standardeinstellung: false.
label	false (zum Ausblenden des Labels) | String (Wert, der gerendert werden soll)	Legt den Wert fest, der als Label für die x-Achse gerendert werden soll. Standardeinstellung: false (kein Label)
reversed	boolean	Kehrt die Reihenfolge der Datenpunkte um. Standardwert: false
values	boolean	Werte auf der Achse anzeigen oder ausblenden. Standardwert: true

Beispiel:

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

Auch wenn unsere Diagramme derzeit nur eine einzige Y-Achse unterstützen, ist unsere API zukunftssicher und so strukturiert, dass sie mehrere Achsen konfigurieren können.

Attribut	Werte	Hinweise
gridlines	boolean	Vertikale Gitternetzlinien ein- oder ausblenden Standardwert: false
label	false (zum Ausblenden des Labels) | String (Wert, der gerendert werden soll)	Legt den Wert fest, der als Label auf der Y-Achse gerendert werden soll. Standardeinstellung: false (kein Label)
range	[Zahl (min) | 'auto', Zahl (max.) | 'auto']	Legt den Mindest- und Höchstwert der Y-Achse fest. Wenn Sie „min“ auf „&“ festlegen, wird der Standardwert „0“ und „max“ auf „auto“ gesetzt, um den maximalen Datenpunktwert im Satz zu erhalten. Standardeinstellung: ['auto' | 'auto'].
values	boolean	Werte auf der Achse anzeigen oder ausblenden. Standardwert: true

Beispiel:

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>

Eigenschaften für Streudiagramme

Im Folgenden finden Sie die config-Properties für Streudiagramme.

Attribut	Werte	Hinweise
type	'scatter'
legend	false (zum Deaktivieren) ODER { position: 'left' | 'bottom' | 'right' | 'top' }	Legt die Legendenposition fest oder deaktiviert die Legende durch Festlegen auf false. Standard: { position: 'bottom' }
render_null_values	boolean	Behandelt Nullwerte als 0. Standardwert: false
tooltips	boolean	Aktiviere oder deaktiviere Kurzinfos, die angezeigt werden, wenn du den Mauszeiger auf Datenpunkte bewegst. Standardwert: true
series	Buchreihe im Format view_name.field_name	Informationen zu Konfigurationsoptionen und zur Verwendung finden Sie im Abschnitt Reihen.
x_axis	Konfiguration der x-Achse	Im Abschnitt x-Achse finden Sie Konfigurationsoptionen und eine Beispielverwendung.
y_axis	y-Achsenkonfiguration	Im Abschnitt y-Achse finden Sie Konfigurationsoptionen und eine Beispielverwendung.

Beispiel:

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

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

series

Das Attribut series kann entweder ein Array von Reihenkonfigurationen oder ein benanntes Objekt in der Antwort akzeptieren, das eine bestimmte Reihe in deiner Antwort überschreibt.

Attribut	Werte	Hinweise
color	String	Hexadezimalcode
label	String
line_width	number	Hiermit wird die Größe der Punkte in einem Streudiagramm festgelegt. Sie können sich dies als den Umriss jedes Punkts vorstellen. Standardwert: 3
shape	'circle' | 'diamond' | 'square' | 'triangle' | 'triangle-down'	Punktform festlegen. Standardwert: 'circle'
style	'none' | 'filled' | 'outline'	Punktstil festlegen. Standard: 'none' (Punkte deaktiviert)
size_by	false | String	Serienname, für den die Größe jedes Punkts kalibriert werden soll. Legen Sie false fest, um die Größenanpassung von dynamischen Punkten zu deaktivieren. Standard: false
visible	boolean	Datenreihe ein- oder ausblenden. Standardwert: true

Beispiel:

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

Obwohl unsere Diagramme derzeit nur eine einzelne x-Achse unterstützen, ist unsere API zukunftssicher und so strukturiert, dass sie mehrere Achsen konfigurieren kann.

Attribut	Werte	Hinweise
gridlines	boolean	Vertikale Gitternetzlinien ein- oder ausblenden Standardeinstellung: false.
label	false (zum Ausblenden des Labels) | String (Wert, der gerendert werden soll)	Legt den Wert fest, der als Label für die x-Achse gerendert werden soll. Standardeinstellung: false (kein Label)
reversed	boolean	Kehrt die Reihenfolge der Datenpunkte um. Standardwert: false
values	boolean	Werte auf der Achse anzeigen oder ausblenden. Standardwert: true

Beispiel:

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

Auch wenn unsere Diagramme derzeit nur eine einzige Y-Achse unterstützen, ist unsere API zukunftssicher und so strukturiert, dass sie mehrere Achsen konfigurieren können.

Attribut	Werte	Hinweise
gridlines	boolean	Vertikale Gitternetzlinien ein- oder ausblenden Standardeinstellung: false.
label	false (zum Ausblenden des Labels) | String (Wert, der gerendert werden soll)	Legt den Wert fest, der als Label auf der Y-Achse gerendert werden soll. Standardeinstellung: false (kein Label)
range	[Zahl (min) | 'auto', Zahl (max.) | 'auto']	Legt den Mindest- und Höchstwert der Y-Achse fest. Wenn Sie „min“ auf „&“ festlegen, wird der Standardwert „0“ und „max“ auf „auto“ gesetzt, um den maximalen Datenpunktwert im Satz zu erhalten. Standardeinstellung: ['auto' | 'auto'].
values	boolean	Werte auf der Achse anzeigen oder ausblenden. Standardwert: true

Beispiel:

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>

Eigenschaften für Diagramme mit einem Wert

Im Folgenden finden Sie die config-Properties für Diagramme mit einem Wert.

Attribut	Werte	Hinweise
type	'single_value'

Beispiel:

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

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

Eigenschaften des Sparkline-Diagramms

Im Folgenden finden Sie die config-Properties für Sparkline-Diagramme.

Attribut	Werte	Hinweise
type	'sparkline'
render_null_values	boolean	Behandelt Nullwerte als 0. Standardwert: false
series	Buchreihe im Format view_name.field_name	Informationen zu Konfigurationsoptionen und zur Verwendung finden Sie im Abschnitt Reihen.
y_axis	y-Achsenkonfiguration	Im Abschnitt y-Achse finden Sie Konfigurationsoptionen und eine Beispielverwendung.

Beispiel:

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

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

series

Obwohl Sparkline grundsätzlich nur eine einzelne Reihe unterstützt, verwenden wir ein API-Muster, das benannte oder Array-Serienüberschreibungen enthält, um mit den anderen Diagrammtypen in unserer Bibliothek konsistent zu bleiben.

Attribut	Werte	Hinweise
color	String	Hexadezimalcode
line_width	number	Die Strichbreite in Pixeln festlegen. Standardwert: 3

Beispiel:

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

Auch wenn unsere Diagramme derzeit nur eine einzige Y-Achse unterstützen, ist unsere API zukunftssicher und so strukturiert, dass sie mehrere Achsen konfigurieren können.

Attribut	Werte	Hinweise
range	[Zahl (min) | 'auto', Zahl (max.) | 'auto']	Legt den Mindest- und Höchstwert der Y-Achse fest. Wenn Sie „min“ auf „&“ festlegen, wird der Standardwert „0“ und „max“ auf „auto“ gesetzt, um den maximalen Datenpunktwert im Satz zu erhalten. Standardeinstellung: ['auto' | 'auto'].

Beispiel:

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

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

Eigenschaften von Tabellendiagrammen

Im Folgenden sind die config-Properties für Tabellendiagramme aufgeführt.

Attribut	Werte	Hinweise
type	'table'
series	Buchreihe im Format view_name.field_name	Informationen zu Konfigurationsoptionen und zur Verwendung finden Sie im Abschnitt Reihen.
column_order	string[]	Ein Array von Reihennamen (z. B. 'orders.count'), das angibt, wie die Tabellenspalten von links nach rechts angeordnet werden sollen.
show_row_numbers	boolean	Blenden Sie unten in der Tabelle die Zeile mit der Summe ein oder aus. Standardwert: true
show_totals	boolean	Blenden Sie unten in der Tabelle die Zeile mit der Summe ein oder aus. Standardwert: true
show_row_totals	boolean	Rechts auf der Tabelle können Sie die Summe der Zeilen ein-/ausblenden. Standardwert: true
truncate_text	boolean	Bei true ist der Tabellenzellentext auf eine einzelne Zeile beschränkt und der Inhaltsüberlauf wird durch Auslassungszeichen abgeschnitten. Wenn false, kann der Inhalt in mehreren Zeilen umgebrochen werden. Standardeinstellung: true
truncate_header	boolean	Wenn true ist, sind die Labels der Tabellenüberschrift auf eine einzelne Zeile beschränkt und der Inhaltsüberlauf wird mit Auslassungspunkten abgeschnitten. Wenn false, können die Zeilenumbrüche von mehreren Zeilen umgebrochen werden. Standardeinstellung: true

Beispiel:

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

Die Reiheneigenschaft kann entweder ein Array von Reihenkonfigurationen oder ein benanntes Objekt akzeptieren, das eine bestimmte Reihe in Ihrer Antwort überschreibt.

Attribut	Werte	Hinweise
cell_visualization	boolean	Aktiviert oder deaktiviert die Inline-Zellenvisualisierung. Die Standardeinstellung ist true für das erste Maß und false für das andere Maß.
color	string	Geben Sie die Farbe an, die zum Rendern der Visualisierung der Tabellenzelle verwendet werden soll.
value_format	string	Ein Zahlenformatierungsstring, der angibt, ob Werte als Währung, als Gleitkommazahl gerendert werden, ob Kommas oder Punkte zur Trennung tausende verwendet werden sollen usw.

Beispiel:

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>

Eigenschaften für Kreisdiagramme

Im Folgenden finden Sie die config-Properties für Kreisdiagramme.

Attribut	Werte	Hinweise
type	'pie'
legend	false (zum Deaktivieren) | Legendenkonfiguration	Bei der Einstellung false wird die Legende deaktiviert. Standardeinstellung: aktiviert. Informationen zu Konfigurationsoptionen und deren Verwendung finden Sie im Abschnitt Legende, wenn diese aktiviert ist.
tooltips	boolean	Aktiviere oder deaktiviere Kurzinfos, die angezeigt werden, wenn du den Mauszeiger auf Datenpunkte bewegst. Standardwert: true
series	Buchreihe im Format view_name.field_name	Informationen zu Konfigurationsoptionen und zur Verwendung finden Sie im Abschnitt Reihen.

Beispiel:

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

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

legend

In der Property legend können die folgenden Legendenkonfigurationen verwendet werden:

Attribut	Werte	Hinweise
type	'labels' | 'legend'	labels platziert Labels, die direkt auf die einzelnen Segmente verweisen. legend platziert eine eigene Legende. Standardeinstellung: 'legend'
position	'top' | 'bottom' | 'left' | 'right'	Positionieren Sie die Legende, wenn type: 'legend'. Standard: 'right'
width	number	Maximale Breite der Legende in Pixeln, wenn type: 'legend'. Standard: 300
value	'label' | 'label_value' | 'value' | 'percent' | 'label_percent'	Legt den Inhalt der Legende fest: Label, Label und Wert, Wert, Prozent, Label und Prozentsatz. Standardwert: 'label_percent'

Beispiel:

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

Im Gegensatz zu kartesischen Diagrammen wird jeder Datenpunkt in einem Kreisdiagramm als neue Serie behandelt:

Attribut	Werte	Hinweise
color	String	Hexadezimalcode

Beispiel:

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>