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:515


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:498


axes

axes: AxisStyle

Source

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


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:532


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:506


brush

brush: BrushStyle

Source

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


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:514


bulletGraph

bulletGraph: BulletStyle

Theme styles for bullet graph types

Source

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


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:478


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:482


colors

colors: ColorConfig

Source

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


crosshair

crosshair: CrosshairStyle

Source

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


flamegraph

flamegraph: FlamegraphStyle

Source

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


goal

goal: GoalStyles

Theme styles for goal and gauge chart types

Source

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


heatmap

heatmap: HeatmapStyle

Theme styles for heatmap chart types

Source

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


highlighter

highlighter: HighlighterStyle

Source

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


legend

legend: LegendStyle

Source

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


lineAnnotation

lineAnnotation: LineAnnotationStyle

Source

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


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:490


markSizeRatio?

markSizeRatio?: number

Used to scale radius with markSizeAccessor

value from 1 to 100

Source

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


metric

metric: MetricStyle

Theme styles for metric chart types

Source

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


partition

partition: PartitionStyle

Theme styles for partition chart types

Source

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


rectAnnotation

rectAnnotation: RectAnnotationStyle

Source

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


scales

scales: ScalesConfig

Source

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


sharedStyle

sharedStyle: SharedGeometryStateStyle<GeometryStateStyle>

Source

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


tooltip

tooltip: TooltipStyle

Theme styles for tooltip

Source

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


Generated using typedoc-plugin-markdown and TypeDoc