Theme
@elastic/charts • Exports
@elastic/charts / Theme
Interface: Theme
Contents
Properties
arcSeriesStyle
arcSeriesStyle:
ArcSeriesStyle
Source
packages/charts/src/utils/themes/theme.ts:464
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:447
axes
axes:
AxisStyle
Source
packages/charts/src/utils/themes/theme.ts:466
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:481
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:455
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:463
bulletGraph
bulletGraph:
BulletStyle
Theme styles for bullet graph types
Source
packages/charts/src/utils/themes/theme.ts:502
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:427
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:431
colors
colors:
ColorConfig
Source
packages/charts/src/utils/themes/theme.ts:468
crosshair
crosshair:
CrosshairStyle
Source
packages/charts/src/utils/themes/theme.ts:470
flamegraph
flamegraph:
FlamegraphStyle
Source
packages/charts/src/utils/themes/theme.ts:509
goal
goal:
GoalStyles
Theme styles for goal and gauge chart types
Source
packages/charts/src/utils/themes/theme.ts:485
heatmap
heatmap:
HeatmapStyle
Theme styles for heatmap chart types
Source
packages/charts/src/utils/themes/theme.ts:493
highlighter
highlighter:
HighlighterStyle
Source
packages/charts/src/utils/themes/theme.ts:511
legend
legend:
LegendStyle
Source
packages/charts/src/utils/themes/theme.ts:469
lineAnnotation
lineAnnotation:
LineAnnotationStyle
Source
packages/charts/src/utils/themes/theme.ts:513
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:439
markSizeRatio?
markSizeRatio?:
number
Used to scale radius with markSizeAccessor
value from 1 to 100
Source
packages/charts/src/utils/themes/theme.ts:476
metric
metric:
MetricStyle
Theme styles for metric chart types
Source
packages/charts/src/utils/themes/theme.ts:497
partition
partition:
PartitionStyle
Theme styles for partition chart types
Source
packages/charts/src/utils/themes/theme.ts:489
rectAnnotation
rectAnnotation:
RectAnnotationStyle
Source
packages/charts/src/utils/themes/theme.ts:515
scales
scales:
ScalesConfig
Source
packages/charts/src/utils/themes/theme.ts:467
sharedStyle
sharedStyle:
SharedGeometryStateStyle<GeometryStateStyle>
Source
packages/charts/src/utils/themes/theme.ts:465
tooltip
tooltip:
TooltipStyle
Theme styles for tooltip
Source
packages/charts/src/utils/themes/theme.ts:506
Generated using typedoc-plugin-markdown and TypeDoc