Skip to main content

Examples

Basic Bar Series

Unstacked Bars

Multiple Stacks

Extra tooltip fields

Attributes

y
string
required
Column name for y-axis
series
string
Column name for series grouping
axis
string
default:"y1"
The axis to render the series onAllowed values:
  • y1
  • y2
fmt
string
Format for this series’ values. See Value Formatting for available formats.
tooltip_fields
array
Extra columns to include in the tooltip on hover. Each entry is { value, label?, fmt?, color_by_sign?, down_is_good? }. See the tooltip fields guide for examples.
data_labels
options group
Label each point in the series with its valueExample:
Attributes:
  • position: string - Position the label relative to its data point
    • Allowed values:
      • above
      • below
      • left
      • right
      • middle
  • fmt: string - Format the label value. Defaults to series or axis fmt.
  • size: number - Font size in px
  • distance: number - How far the label is from the data point
  • rotate: number - Rotate each label (degrees)
  • color: string - Change the text color of the labels
  • border_color: string - Change the border color surrounding text labels, defaults to chart background
  • show_overlap: boolean - Show labels for every point even when they overlap
options
options group
Attributes:
  • color: string
  • opacity: number - Between 0 and 1
echarts_options
map
Raw ECharts series options deep-merged into this series only. For overrides that apply to every series on the chart, set echarts_series_options on the parent chart instead.Example:
stacked
boolean | string
default:"true"
Whether to stack bars with the same series value. Set to “100%” for percentage stacking.
stack_id
string
Stack identifier - bars with the same stack_id value will be stacked together. Overrides the stacked prop.

Allowed Parents