Theme
@elastic/charts • Exports
@elastic/charts / Theme
Interface: Theme
Contents
Properties
arcSeriesStyle
arcSeriesStyle:
ArcSeriesStyle
Source
packages/charts/src/utils/themes/theme.ts:467
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:450
axes
axes:
AxisStyle
Source
packages/charts/src/utils/themes/theme.ts:469
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:484
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:458
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:466
bulletGraph
bulletGraph:
BulletStyle
Theme styles for bullet graph types
Source
packages/charts/src/utils/themes/theme.ts:505
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:430
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:434
colors
colors:
ColorConfig
Source
packages/charts/src/utils/themes/theme.ts:471
crosshair
crosshair:
CrosshairStyle
Source
packages/charts/src/utils/themes/theme.ts:473
flamegraph
flamegraph:
FlamegraphStyle
Source
packages/charts/src/utils/themes/theme.ts:512
goal
goal:
GoalStyles
Theme styles for goal and gauge chart types
Source
packages/charts/src/utils/themes/theme.ts:488
heatmap
heatmap:
HeatmapStyle
Theme styles for heatmap chart types
Source
packages/charts/src/utils/themes/theme.ts:496
highlighter
highlighter:
HighlighterStyle
Source
packages/charts/src/utils/themes/theme.ts:514
legend
legend:
LegendStyle
Source
packages/charts/src/utils/themes/theme.ts:472
lineAnnotation
lineAnnotation:
LineAnnotationStyle
Source
packages/charts/src/utils/themes/theme.ts:516
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:442
markSizeRatio?
markSizeRatio?:
number
Used to scale radius with markSizeAccessor
value from 1 to 100
Source
packages/charts/src/utils/themes/theme.ts:479
metric
metric:
MetricStyle
Theme styles for metric chart types
Source
packages/charts/src/utils/themes/theme.ts:500
partition
partition:
PartitionStyle
Theme styles for partition chart types
Source
packages/charts/src/utils/themes/theme.ts:492
rectAnnotation
rectAnnotation:
RectAnnotationStyle
Source
packages/charts/src/utils/themes/theme.ts:518
scales
scales:
ScalesConfig
Source
packages/charts/src/utils/themes/theme.ts:470
sharedStyle
sharedStyle:
SharedGeometryStateStyle<GeometryStateStyle>
Source
packages/charts/src/utils/themes/theme.ts:468
tooltip
tooltip:
TooltipStyle
Theme styles for tooltip
Source
packages/charts/src/utils/themes/theme.ts:509
Generated using typedoc-plugin-markdown and TypeDoc