Skip to main content

Theme

@elastic/chartsExports


@elastic/charts / Theme

Interface: Theme

Contents

Properties

arcSeriesStyle

arcSeriesStyle: ArcSeriesStyle

Source

packages/charts/src/utils/themes/theme.ts:478


areaSeriesStyle

areaSeriesStyle: AreaSeriesStyle

Global area styles.

Note: This is not used to set the color of a specific series. As such, any changes to the styles will not be reflected in the tooltip, legend, etc..

You may use SeriesColorAccessor to assign colors to a given series or replace the theme.colors.vizColors colors to your desired colors.

Source

packages/charts/src/utils/themes/theme.ts:461


axes

axes: AxisStyle

Source

packages/charts/src/utils/themes/theme.ts:480


background

background: BackgroundStyle

The background allows the consumer to provide a color of the background container of the chart. This can then be used to calculate the contrast of the text for partition charts.

Source

packages/charts/src/utils/themes/theme.ts:495


barSeriesStyle

barSeriesStyle: BarSeriesStyle

Global bar styles.

Note: This is not used to set the color of a specific series. As such, any changes to the styles will not be reflected in the tooltip, legend, etc..

You may use SeriesColorAccessor to assign colors to a given series or replace the theme.colors.vizColors colors to your desired colors.

Source

packages/charts/src/utils/themes/theme.ts:469


bubbleSeriesStyle

bubbleSeriesStyle: BubbleSeriesStyle

Global bubble styles.

Note: This is not used to set the color of a specific series. As such, any changes to the styles will not be reflected in the tooltip, legend, etc..

You may use SeriesColorAccessor to assign colors to a given series or replace the theme.colors.vizColors colors to your desired colors.

Source

packages/charts/src/utils/themes/theme.ts:477


bulletGraph

bulletGraph: BulletStyle

Theme styles for bullet graph types

Source

packages/charts/src/utils/themes/theme.ts:516


chartMargins

chartMargins: PerSideDistance

Space btw parent DOM element and first available element of the chart (axis if exists, else the chart itself)

Source

packages/charts/src/utils/themes/theme.ts:441


chartPaddings

chartPaddings: PerSideDistance

Space btw the chart geometries and axis; if no axis, pads space btw chart & container

Source

packages/charts/src/utils/themes/theme.ts:445


colors

colors: ColorConfig

Source

packages/charts/src/utils/themes/theme.ts:482


crosshair

crosshair: CrosshairStyle

Source

packages/charts/src/utils/themes/theme.ts:484


flamegraph

flamegraph: FlamegraphStyle

Source

packages/charts/src/utils/themes/theme.ts:523


goal

goal: GoalStyles

Theme styles for goal and gauge chart types

Source

packages/charts/src/utils/themes/theme.ts:499


heatmap

heatmap: HeatmapStyle

Theme styles for heatmap chart types

Source

packages/charts/src/utils/themes/theme.ts:507


highlighter

highlighter: HighlighterStyle

Source

packages/charts/src/utils/themes/theme.ts:525


legend

legend: LegendStyle

Source

packages/charts/src/utils/themes/theme.ts:483


lineAnnotation

lineAnnotation: LineAnnotationStyle

Source

packages/charts/src/utils/themes/theme.ts:527


lineSeriesStyle

lineSeriesStyle: LineSeriesStyle

Global line styles.

Note: This is not used to set the color of a specific series. As such, any changes to the styles will not be reflected in the tooltip, legend, etc..

You may use SeriesColorAccessor to assign colors to a given series or replace the theme.colors.vizColors colors to your desired colors.

Source

packages/charts/src/utils/themes/theme.ts:453


markSizeRatio?

markSizeRatio?: number

Used to scale radius with markSizeAccessor

value from 1 to 100

Source

packages/charts/src/utils/themes/theme.ts:490


metric

metric: MetricStyle

Theme styles for metric chart types

Source

packages/charts/src/utils/themes/theme.ts:511


partition

partition: PartitionStyle

Theme styles for partition chart types

Source

packages/charts/src/utils/themes/theme.ts:503


rectAnnotation

rectAnnotation: RectAnnotationStyle

Source

packages/charts/src/utils/themes/theme.ts:529


scales

scales: ScalesConfig

Source

packages/charts/src/utils/themes/theme.ts:481


sharedStyle

sharedStyle: SharedGeometryStateStyle<GeometryStateStyle>

Source

packages/charts/src/utils/themes/theme.ts:479


tooltip

tooltip: TooltipStyle

Theme styles for tooltip

Source

packages/charts/src/utils/themes/theme.ts:520


Generated using typedoc-plugin-markdown and TypeDoc