迷你图是非常小的折线图/柱状图,通常绘制时没有轴或坐标。它以一种简单且高度精简的方式表示某些度量中变化的一般形状。
使用
import { Spark } from '@antv/GUI';
配置
通用
- type: linebar
- width: number
- height: number
- data: number[] | number[][]
- isStack: 是否堆积
color: color | color[] | (index) => color
Line
smooth: 平滑曲线
- lineStyle: ShapeAttrs
-
Bar
isGroup: 是否分组
- columnStyle: ShapeAttrs
export type SparkPlot = 'line' | 'bar';
export type SparkOptions = ShapeCfg & {
type: SparkPlot;
data: number[] | number[][];
width: number;
height: number;
isStack: boolean;
color: string | string[] | ((idx: number) => string);
smooth: boolean;
lineStyle: ShapeAttrs | ((idx: number) => ShapeAttrs);
areaStyle: ShapeAttrs | ((idx: number) => ShapeAttrs);
isGroup: boolean;
columnStyle: ShapeAttrs | ((idx: number) => ShapeAttrs);
};