Skip to main content

Theme

@elastic/charts • Exports


@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