• /
  • Log in

SparklineTableRowCell

Renders a table row cell showing a sparkline. Sparklines can either come from a NRQL query (thus providing accountId and query), or from a predefined data passed in the chart format. In either case, all props are 1:1 compatible with the <NrqlQuery> format type CHART.

A common case to render one row per NRQL facet, is to perform the query outside of the table, then pass the result as items (returned data from a <NrqlQuery> is an array, that can be directly used as the input items of a table). Once rendering the sparkline, you need to re-wrap the data in an array, in order to build, from a series, a new entire set of data.

Usage

import { SparklineTableRowCell } from 'nr1'

Examples

Props

accountIdnumber

Sets the account ID to perform the query.

classNamestring

Appends class names to the component.

Should be used only for positioning and spacing purposes.

dataobject[]

Data is an array of objects where each object represents a series to be drawn. Each series comprises visualization metadata and an array of data points.

onClickfunction

Callback fired any time the user clicks on the table cell.

function (
event: React.MouseEvent
)
querystring

NRQL query used for fetching data. The query is performed against the provided accountId.

styleobject

Inline style for custom styling.

Should be used only for positioning and spacing purposes.

testIdstring

Adds a data-test-id attribute.

Use it to target the component in unit and e2e tests.

toshape|string

Location object or url string to link to.

Linked TableRowCells are unstyled and will not show icons for external links. If the same styling as the Link component is what is desired, then use a Link instead as a child component within the cell.

shape

pathnamerequiredstring
searchstring
hashstring
Create issueEdit page
Copyright © 2021 New Relic Inc.