迷你图是非常小的折线图/柱状图,通常绘制时没有轴或坐标。它以一种简单且高度精简的方式表示某些度量中变化的一般形状。

image.png
image.png
image.png
image.png
image.png

使用

  1. import { Spark } from '@antv/GUI';

配置

通用

  • type: linebar
  • width: number
  • height: number
  • data: number[] | number[][]
  • isStack: 是否堆积
  • color: color | color[] | (index) => color

    Line

  • smooth: 平滑曲线

  • lineStyle: ShapeAttrs
  • areaStyle: ShapeAttrs

    Bar

  • isGroup: 是否分组

  • columnStyle: ShapeAttrs
  1. export type SparkPlot = 'line' | 'bar';
  2. export type SparkOptions = ShapeCfg & {
  3. type: SparkPlot;
  4. data: number[] | number[][];
  5. width: number;
  6. height: number;
  7. isStack: boolean;
  8. color: string | string[] | ((idx: number) => string);
  9. smooth: boolean;
  10. lineStyle: ShapeAttrs | ((idx: number) => ShapeAttrs);
  11. areaStyle: ShapeAttrs | ((idx: number) => ShapeAttrs);
  12. isGroup: boolean;
  13. columnStyle: ShapeAttrs | ((idx: number) => ShapeAttrs);
  14. };