logo

Ant Design Charts

  • Manual
  • Components
  • Examples
  • Options
  • Productsantv logo arrow
  • 2.0.0
  • Component Overview
  • Statistical Charts
    • Chart overview
    • Line
    • Column
    • Bar
    • Area
    • Pie
    • DualAxes
    • Scatter
    • WordCloud
    • Funnel
    • Heatmap
    • Histogram
    • Liquid
    • BidirectionalBar
    • Box
    • Bullet
    • CirclePacking
    • Gauge
    • Radar
    • Rose
    • Sankey
    • Stock
    • Sunburst
    • Treemap
    • Venn
    • Tiny
    • Violin
    • Waterfall
    • RadialBar
  • Relation Graph Components
    • Overview
    • MindMap
    • Fishbone
    • IndentedTree
    • Dendrogram
    • OrganizationChart
    • FlowGraph
    • FlowDirectionGraph
    • NetworkGraph
    • FAQ

Box

Previous
BidirectionalBar
Next
Bullet

Resources

Ant Design
Galacea Effects
Umi-React Application Framework
Dumi-Component doc generator
ahooks-React Hooks Library

Community

Ant Financial Experience Tech
seeconfSEE Conf-Experience Tech Conference

Help

GitHub
StackOverflow

more productsMore Productions

Ant DesignAnt Design-Enterprise UI design language
yuqueYuque-Knowledge creation and Sharing tool
EggEgg-Enterprise-class Node development framework
kitchenKitchen-Sketch Tool set
GalaceanGalacean-互动图形解决方案
xtechLiven Experience technology
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38

Loading...

特有

boxType

optional boxplot | box default box

Box 图形是用来绘制箱线图(boxplot)又叫盒须图、盒式图,通常用来展示一组数据分布情况的统计图,一般包括几种数据:最小值、下四分位数、中位数、上四分位数、最大值,另外可以结合 point` mark 绘制异常点数据。

box

Box 特殊的一点在于 y 通道对应的数据是一组统计数据的数组,最后会将数据映射为箱线图所需求的 14 个点集合。

/**
*
* p0 p2 p1
* ──────────┬──────────
* │
* │
* │
* │ p3
* p4 ┌─────────┴──────────┐ p5
* │ │
* │ │
* p8 ├────────────────────┤ p9
* │ │
* │ p10 │
* p7 └─────────┬──────────┘ p6
* │
* │
* │
* ───────────┴───────────
* p12 p11 p13
*/

更多的案例,可以查看图表示例页面。