Theme
@elastic/charts • Exports
@elastic/charts / Theme
Interface: Theme
Contents
Properties
arcSeriesStyle
arcSeriesStyle:
ArcSeriesStyle
Source
packages/charts/src/utils/themes/theme.ts:488
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:471
axes
axes:
AxisStyle
Source
packages/charts/src/utils/themes/theme.ts:490
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:505
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:479
brush
brush:
BrushStyle
Source
packages/charts/src/utils/themes/theme.ts:541
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:487
bulletGraph
bulletGraph:
BulletStyle
Theme styles for bullet graph types
Source
packages/charts/src/utils/themes/theme.ts:526
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:451
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:455
colors
colors:
ColorConfig
Source
packages/charts/src/utils/themes/theme.ts:492
crosshair
crosshair:
CrosshairStyle
Source
packages/charts/src/utils/themes/theme.ts:494
flamegraph
flamegraph:
FlamegraphStyle
Source
packages/charts/src/utils/themes/theme.ts:533
goal
goal:
GoalStyles
Theme styles for goal and gauge chart types
Source
packages/charts/src/utils/themes/theme.ts:509
heatmap
heatmap:
HeatmapStyle
Theme styles for heatmap chart types
Source
packages/charts/src/utils/themes/theme.ts:517
highlighter
highlighter:
HighlighterStyle
Source
packages/charts/src/utils/themes/theme.ts:535
legend
legend:
LegendStyle
Source
packages/charts/src/utils/themes/theme.ts:493
lineAnnotation
lineAnnotation:
LineAnnotationStyle
Source
packages/charts/src/utils/themes/theme.ts:537
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:463
markSizeRatio?
markSizeRatio?:
number
Used to scale radius with markSizeAccessor
value from 1 to 100
Source
packages/charts/src/utils/themes/theme.ts:500
metric
metric:
MetricStyle
Theme styles for metric chart types
Source
packages/charts/src/utils/themes/theme.ts:521
partition
partition:
PartitionStyle
Theme styles for partition chart types
Source
packages/charts/src/utils/themes/theme.ts:513
rectAnnotation
rectAnnotation:
RectAnnotationStyle
Source
packages/charts/src/utils/themes/theme.ts:539
scales
scales:
ScalesConfig
Source
packages/charts/src/utils/themes/theme.ts:491
sharedStyle
sharedStyle:
SharedGeometryStateStyle<GeometryStateStyle>
Source
packages/charts/src/utils/themes/theme.ts:489
tooltip
tooltip:
TooltipStyle
Theme styles for tooltip
Source
packages/charts/src/utils/themes/theme.ts:530
Generated using typedoc-plugin-markdown and TypeDoc