logo

Ant Design Charts

  • Manual
  • Components
  • Examples
  • Options
  • Productsantv logo arrow
  • 2.4.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

Tiny

Previous
Venn
Next
Violin

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...

概述

迷你图是一种紧凑、无坐标轴的极简数据可视化形式,由统计学家爱德华・塔夫特(Edward Tufte)于 1983 年提出,旨在用 “文字般的大小” 传递数据趋势。其核心特征包括:

  • 去冗余设计:省略标题、坐标轴、网格线等元素,仅保留数据曲线或柱形的轮廓。
  • 趋势优先:聚焦数据的波动、峰值、谷值和整体走向,而非具体数值(需配合数字标注时才显示)。
  • 嵌入式属性:常嵌入表格、文本段落或仪表盘单元格中,作为数据的 “微型注解”(如 Excel 单元格内的迷你图)。

示例

更多示例详见迷你图

迷你面积图(Tiny.Area)

示例

基本用法

带辅助线

配置

迷你面积图和面积图配置一致,只是默认关闭了axis、tooltip 并调整了 padding、margin 值,参考 Area

迷你折线图(Tiny.Line)

示例

基本用法

带辅助线

配置

迷你折线图和折线图配置一致,只是默认关闭了axis、tooltip 并调整了 padding、margin 值,参考 Line

迷你柱状态(Tiny.Column)

示例

基本用法

带辅助线

配置

迷你柱状图和柱状图配置一致,只是默认关闭了axis、tooltip 并调整了 padding、margin 值,参考 Column