Chart

Dumbbell

Web supportediOS supportedAndroid supported

Compare a before and after value for each item.

ECharts custom series · View source

Use it when the change between two known states is the main point.

Configuration

Keys accepted inside zyplot(z => ({...})). Required keys are marked with an asterisk.

NameTypeDefaultDescription
rows*ChartDumbbellRow[]—Before and after values.
beforeLabelstring—Label for the first value. Web only.
afterLabelstring—Label for the second value. Web only.
formatChartNumberFormat—Number prefix, suffix, decimals, and locale.
axisChartAxes{ x: true, y: true }Show or hide each axis.
xAxisNativeChartAxisOptions—Horizontal scale, domain, ticks, grid, and labels.
yAxisNativeChartAxisOptions—Vertical scale, domain, ticks, grid, and labels.
heightnumber240 web / 320 nativeChart height in pixels or native points.
isLoadingbooleanfalseShows the built-in placeholder while data loads.
themeChartTheme—Colors and typography for this chart.