Theme
@elastic/charts • Exports
@elastic/charts / Theme
Interface: Theme
Contents
Properties
arcSeriesStyle
arcSeriesStyle:
ArcSeriesStyle
Source
packages/charts/src/utils/themes/theme.ts:481
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:464
axes
axes:
AxisStyle
Source
packages/charts/src/utils/themes/theme.ts:483
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:498
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:472
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:480
bulletGraph
bulletGraph:
BulletStyle
Theme styles for bullet graph types
Source
packages/charts/src/utils/themes/theme.ts:519
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:444
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:448
colors
colors:
ColorConfig
Source
packages/charts/src/utils/themes/theme.ts:485
crosshair
crosshair:
CrosshairStyle
Source
packages/charts/src/utils/themes/theme.ts:487
flamegraph
flamegraph:
FlamegraphStyle
Source
packages/charts/src/utils/themes/theme.ts:526
goal
goal:
GoalStyles
Theme styles for goal and gauge chart types
Source
packages/charts/src/utils/themes/theme.ts:502
heatmap
heatmap:
HeatmapStyle
Theme styles for heatmap chart types
Source
packages/charts/src/utils/themes/theme.ts:510
highlighter
highlighter:
HighlighterStyle
Source
packages/charts/src/utils/themes/theme.ts:528
legend
legend:
LegendStyle
Source
packages/charts/src/utils/themes/theme.ts:486
lineAnnotation
lineAnnotation:
LineAnnotationStyle
Source
packages/charts/src/utils/themes/theme.ts:530
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:456
markSizeRatio?
markSizeRatio?:
number
Used to scale radius with markSizeAccessor
value from 1 to 100
Source
packages/charts/src/utils/themes/theme.ts:493
metric
metric:
MetricStyle
Theme styles for metric chart types
Source
packages/charts/src/utils/themes/theme.ts:514
partition
partition:
PartitionStyle
Theme styles for partition chart types
Source
packages/charts/src/utils/themes/theme.ts:506
rectAnnotation
rectAnnotation:
RectAnnotationStyle
Source
packages/charts/src/utils/themes/theme.ts:532
scales
scales:
ScalesConfig
Source
packages/charts/src/utils/themes/theme.ts:484
sharedStyle
sharedStyle:
SharedGeometryStateStyle<GeometryStateStyle>
Source
packages/charts/src/utils/themes/theme.ts:482
tooltip
tooltip:
TooltipStyle
Theme styles for tooltip
Source
packages/charts/src/utils/themes/theme.ts:523
Generated using typedoc-plugin-markdown and TypeDoc