Module @influxdata/influxdb-client-giraffe

The @influxdata/influxdb-client-giraffe package transforms InfluxDB (Flux) query results to a format that is used by Giraffe to visualize the data.

The main goal of this package is to provide an efficient @influxdata/influxdb-client-giraffe!queryToTable function that executes a Flux query against InfluxDB (v2) and returns a Table that is then directly suitable as a data input of various Giraffe visualizations.

import {InfluxDB} from '@influxdata/influxdb-client'
import {queryToTable} from '@influxdata/influxdb-client-giraffe'
import {newTable, Plot} from '@influxdata/giraffe'
...
const queryApi = new InfluxDB({url, token}).getQueryApi(org)
const table = await queryToTable(
api,
'from(bucket: "my-bucket") |> range(start: -30d)',
newTable
)
...
const config = {table, ...}
<Plot config={config} >
...

See also InfluxDB v2 client examples and Giraffe storybook.

@influxdata/influxdb-client-giraffe

This package provides an efficient queryToTable function that queries InfluxDB (v2) and returns a Table that is then directly suitable as a data input of various Giraffe visualizations.

import {InfluxDB} from '@influxdata/influxdb-client'
import {queryToTable} from '@influxdata/influxdb-client-giraffe'
import {newTable, Plot} from '@influxdata/giraffe'
...
const queryApi = new InfluxDB({url, token}).getQueryApi(org)
const table = await queryToTable(
api,
'from(bucket: "my-bucket") |> range(start: -30d)',
newTable,
{maxTableRows: 5000}
)
...
<Plot config={{table, ...}}></Plot>
...

See https://github.com/influxdata/influxdb-client-js to know more.

Interfaces

TableOptions

Type Aliases

AcceptRowFunction
GiraffeTableFactory

Variables

QUERY_MAX_TABLE_LENGTH

Functions

acceptMaxTableLength
createCollector
csvToFromFluxResult
csvToTable
queryToFromFluxResult
queryToTable
MMNEPVFCICPMFPCPTTAAATR