Theme
@elastic/charts • Exports
@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