Skip to content

ECharts box plot

Reusable interactive box plot component for comparing validated five-number summaries across aligned categories.

Purpose
Compare distribution centers, spreads, and ranges across categories.
Primitive
echarts.BoxPlot
Kind
components.KindEChartsBoxPlot
Configuration
Label, Caption, Categories, typed single or multiple Series, size, options, and chart style.
Accessibility
Figure name comes from Label and Caption stays visible. Preserve the five-number summaries in adjacent content for exact comparison.
Usage Example
@echarts.BoxPlot(echarts.BoxPlotConfig{
  Label: "Request latency distribution",
  Categories: []string{"Development", "Production"},
  Series: []echarts.BoxPlotSeries{{
    Name: "Latency (ms)",
    Data: []echarts.BoxPlotData{
      {Min: 18, Q1: 31, Median: 42, Q3: 58, Max: 94},
      {Min: 25, Q1: 44, Median: 62, Q3: 86, Max: 138},
    },
  }},
})

Summary contract

Each category accepts one finite, ordered summary: minimum, first quartile, median, third quartile, and maximum. Multiple series share the same categories.