@visactor/vseed 0.1.6 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/builder/builder/builder.d.ts +0 -2
- package/dist/dataReshape/constant.d.ts +2 -0
- package/dist/index.cjs +1053 -587
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1050 -589
- package/dist/index.js.map +1 -1
- package/dist/pipeline/advanced/chart/pipes/encoding/bar.d.ts +1 -0
- package/dist/pipeline/advanced/chart/pipes/encoding/column.d.ts +1 -19
- package/dist/pipeline/advanced/chart/pipes/encoding/dualAxis.d.ts +1 -0
- package/dist/pipeline/advanced/chart/pipes/encoding/encodingAdapter.d.ts +2 -0
- package/dist/pipeline/advanced/chart/pipes/encoding/funnel.d.ts +1 -0
- package/dist/pipeline/advanced/chart/pipes/encoding/heatmap.d.ts +1 -0
- package/dist/pipeline/advanced/chart/pipes/encoding/index.d.ts +11 -9
- package/dist/pipeline/advanced/chart/pipes/encoding/line.d.ts +1 -17
- package/dist/pipeline/advanced/chart/pipes/encoding/pie.d.ts +1 -0
- package/dist/pipeline/advanced/chart/pipes/encoding/radar.d.ts +1 -0
- package/dist/pipeline/advanced/chart/pipes/encoding/rose.d.ts +1 -0
- package/dist/pipeline/advanced/chart/pipes/encoding/scatter.d.ts +1 -0
- package/dist/pipeline/advanced/chart/pipes/measures/utils.d.ts +7 -1
- package/dist/pipeline/advanced/table/pipes/{init/autoDimensions.d.ts → default/defaultDimensions.d.ts} +1 -1
- package/dist/pipeline/advanced/table/pipes/{init/autoMeasures.d.ts → default/defaultMeasureName.d.ts} +1 -1
- package/dist/pipeline/advanced/table/pipes/default/defaultMeasures.d.ts +5 -0
- package/dist/pipeline/advanced/table/pipes/default/index.d.ts +3 -0
- package/dist/pipeline/advanced/table/pipes/encoding/index.d.ts +1 -0
- package/dist/pipeline/advanced/table/pipes/{init/autoPivotMeasures.d.ts → encoding/pivotTable.d.ts} +1 -1
- package/dist/pipeline/advanced/table/pipes/index.d.ts +3 -0
- package/dist/pipeline/advanced/table/pipes/init/index.d.ts +0 -3
- package/dist/pipeline/spec/chart/pipes/tooltip/index.d.ts +2 -0
- package/dist/pipeline/spec/chart/pipes/tooltip/tooltip.d.ts +21 -1
- package/dist/pipeline/spec/chart/pipes/tooltip/tooltipHeatmap.d.ts +15 -0
- package/dist/pipeline/spec/chart/pipes/tooltip/tooltipScatter.d.ts +15 -0
- package/dist/types/advancedVSeed.d.ts +0 -5
- package/dist/types/chartType/area/area.d.ts +8 -29
- package/dist/types/chartType/area/zArea.d.ts +0 -5
- package/dist/types/chartType/areaPercent/areaPercent.d.ts +8 -30
- package/dist/types/chartType/areaPercent/zAreaPercent.d.ts +0 -5
- package/dist/types/chartType/bar/bar.d.ts +9 -14
- package/dist/types/chartType/bar/zBar.d.ts +0 -5
- package/dist/types/chartType/barParallel/barParallel.d.ts +9 -14
- package/dist/types/chartType/barParallel/zBarParallel.d.ts +0 -5
- package/dist/types/chartType/barPercent/barPercent.d.ts +9 -14
- package/dist/types/chartType/barPercent/zBarPercent.d.ts +0 -5
- package/dist/types/chartType/column/column.d.ts +9 -30
- package/dist/types/chartType/column/zColumn.d.ts +0 -5
- package/dist/types/chartType/columnParallel/columnParallel.d.ts +10 -32
- package/dist/types/chartType/columnParallel/zColumnParallel.d.ts +0 -5
- package/dist/types/chartType/columnPercent/columnPercent.d.ts +9 -30
- package/dist/types/chartType/columnPercent/zColumnPercent.d.ts +0 -5
- package/dist/types/chartType/donut/donut.d.ts +8 -13
- package/dist/types/chartType/donut/zDonut.d.ts +0 -5
- package/dist/types/chartType/dualAxis/dualAxis.d.ts +10 -14
- package/dist/types/chartType/dualAxis/zDualAxis.d.ts +0 -5
- package/dist/types/chartType/funnel/funnel.d.ts +8 -13
- package/dist/types/chartType/funnel/zFunnel.d.ts +0 -5
- package/dist/types/chartType/heatmap/heatmap.d.ts +9 -14
- package/dist/types/chartType/heatmap/zHeatmap.d.ts +0 -5
- package/dist/types/chartType/line/line.d.ts +9 -33
- package/dist/types/chartType/line/zLine.d.ts +0 -5
- package/dist/types/chartType/pie/pie.d.ts +8 -13
- package/dist/types/chartType/pie/zPie.d.ts +0 -5
- package/dist/types/chartType/pivotTable/pivotTable.d.ts +7 -3
- package/dist/types/chartType/pivotTable/zPivotTable.d.ts +0 -5
- package/dist/types/chartType/radar/radar.d.ts +8 -14
- package/dist/types/chartType/radar/zRadar.d.ts +0 -5
- package/dist/types/chartType/rose/rose.d.ts +9 -14
- package/dist/types/chartType/rose/zRose.d.ts +0 -5
- package/dist/types/chartType/roseParallel/roseParallel.d.ts +9 -14
- package/dist/types/chartType/roseParallel/zRoseParallel.d.ts +0 -5
- package/dist/types/chartType/scatter/scatter.d.ts +8 -14
- package/dist/types/chartType/scatter/zScatter.d.ts +0 -5
- package/dist/types/chartType/table/table.d.ts +2 -0
- package/dist/types/chartType/table/zTable.d.ts +0 -5
- package/dist/types/properties/dimensions/dimensions.d.ts +0 -4
- package/dist/types/properties/dimensions/zDimensions.d.ts +0 -15
- package/dist/types/zVseed.d.ts +0 -100
- package/dist/umd/index.js +1050 -588
- package/dist/umd/index.js.map +1 -1
- package/package.json +3 -3
@@ -1,29 +1,19 @@
|
|
1
1
|
import type { Locale } from '../../i18n';
|
2
|
-
import type { AnnotationArea, AnnotationHorizontalLine, AnnotationPoint, AnnotationVerticalLine, BackgroundColor, BarStyle, Color, CrosshairRect, Dataset, Dimensions, Label, Legend, StackCornerRadius, Theme, Tooltip, XBandAxis, YLinearAxis, MeasureTree, SortLegend, Sort
|
2
|
+
import type { AnnotationArea, AnnotationHorizontalLine, AnnotationPoint, AnnotationVerticalLine, BackgroundColor, BarStyle, Color, CrosshairRect, Dataset, Dimensions, Label, Legend, StackCornerRadius, Theme, Tooltip, XBandAxis, YLinearAxis, MeasureTree, SortLegend, Sort } from '../../properties';
|
3
3
|
/**
|
4
|
-
* 并列柱状图类型定义
|
5
4
|
* @description 并列柱状图,适用于多指标并行对比场景,多个柱子并列排列展示不同指标值
|
6
5
|
* 适用场景:
|
7
6
|
* - 同一维度下多指标并行对比
|
8
7
|
* - 多维度数据的横向比较
|
9
8
|
* - 指标间关联性分析
|
10
|
-
* @
|
11
|
-
*
|
12
|
-
*
|
13
|
-
*
|
14
|
-
*
|
15
|
-
*
|
16
|
-
*
|
17
|
-
*
|
18
|
-
*
|
19
|
-
* 维度映射规则:
|
20
|
-
* 1. 用户指定的xAxis维度映射至X轴, 支持多个维度; 若未指定, 则默认映射第一个维度
|
21
|
-
* 2. 用户指定的color维度映射至颜色通道, 支持多个维度; 若未指定, 则默认映射指标名称
|
22
|
-
* 3. 用户指定的detail维度映射至Detail通道, 支持多个维度; 若未指定, 则无detail
|
23
|
-
* 指标映射规则:
|
24
|
-
* 1. 指标未配置encoding, 则默认映射至Y轴;
|
25
|
-
* 2. 用户指定的yAxis指标映射至Y轴, 支持多个指标;
|
26
|
-
* 3. 所有指标均映射到Tooltip
|
9
|
+
* @encoding
|
10
|
+
* 并列柱状图支持以下视觉通道:
|
11
|
+
* `xAxis` : x轴通道, 支持`多个维度`, 按维度值映射至x轴
|
12
|
+
* `yAxis` : y轴通道, 支持`多个指标`, 按指标值映射至y轴
|
13
|
+
* `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
|
14
|
+
* `color` : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
|
15
|
+
* `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
16
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
27
17
|
* @warning
|
28
18
|
* 数据要求:
|
29
19
|
* - 至少1个指标字段(度量)
|
@@ -46,18 +36,6 @@ export interface ColumnParallel {
|
|
46
36
|
* @example [{category:'A', value1:100, value2:200}, {category:'B', value1:150, value2:250}]
|
47
37
|
*/
|
48
38
|
dataset: Dataset;
|
49
|
-
/**
|
50
|
-
* @description 编码配置, 并列柱状图的视觉通道, 包括: x通道, color通道, detail通道, label通道, tooltip通道
|
51
|
-
* - x: 映射到X轴的字段, 支持放入多个维度
|
52
|
-
* - detail: 细分映射通道, 支持放入多个维度
|
53
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
54
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
55
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
56
|
-
*
|
57
|
-
* @tip 特殊的:
|
58
|
-
* - y: measures会直接映射到Y轴通道
|
59
|
-
*/
|
60
|
-
encoding?: Pick<Encoding, 'x' | 'color' | 'detail' | 'label' | 'tooltip'>;
|
61
39
|
/**
|
62
40
|
* @description 维度, 第一个维度被映射到X轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示.
|
63
41
|
* @type {Dimensions}
|
@@ -67,7 +45,7 @@ export interface ColumnParallel {
|
|
67
45
|
/**
|
68
46
|
* @description 指标, 并列柱状图的所有指标会自动合并为一个指标, 映射到Y轴, 存在多个指标时, 指标名称会与其余维度合并, 作为图例项展示.
|
69
47
|
* @type {DimensionTree}
|
70
|
-
|
48
|
+
Axis * @example [{id: 'value1', alias: '指标1'}, {id: 'value2', alias: '指标2'}]
|
71
49
|
*/
|
72
50
|
measures?: MeasureTree;
|
73
51
|
/**
|
@@ -19,11 +19,6 @@ export declare const zColumnParallel: z.ZodObject<{
|
|
19
19
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
20
20
|
id: z.ZodString;
|
21
21
|
alias: z.ZodOptional<z.ZodString>;
|
22
|
-
location: z.ZodDefault<z.ZodEnum<{
|
23
|
-
dimension: "dimension";
|
24
|
-
rowDimension: "rowDimension";
|
25
|
-
columnDimension: "columnDimension";
|
26
|
-
}>>;
|
27
22
|
encoding: z.ZodOptional<z.ZodEnum<{
|
28
23
|
column: "column";
|
29
24
|
xAxis: "xAxis";
|
@@ -1,28 +1,19 @@
|
|
1
1
|
import type { Locale } from '../../i18n';
|
2
|
-
import type { AnnotationArea, AnnotationHorizontalLine, AnnotationPoint, AnnotationVerticalLine, BackgroundColor, BarStyle, Color, CrosshairRect, Dataset, Dimensions, Label, Legend, StackCornerRadius, Theme, Tooltip, XBandAxis, YLinearAxis, MeasureTree, Sort, SortLegend
|
2
|
+
import type { AnnotationArea, AnnotationHorizontalLine, AnnotationPoint, AnnotationVerticalLine, BackgroundColor, BarStyle, Color, CrosshairRect, Dataset, Dimensions, Label, Legend, StackCornerRadius, Theme, Tooltip, XBandAxis, YLinearAxis, MeasureTree, Sort, SortLegend } from '../../properties';
|
3
3
|
/**
|
4
4
|
* @description 百分比柱状图,适用于展示各类别占比关系的场景,Y轴以百分比形式展示数据占比
|
5
5
|
* 适用场景:
|
6
6
|
* - 不同类别数据的占比对比
|
7
7
|
* - 多维度数据的构成分析
|
8
8
|
* - 时间序列的占比变化趋势
|
9
|
-
* @
|
10
|
-
*
|
11
|
-
*
|
12
|
-
*
|
13
|
-
*
|
14
|
-
*
|
15
|
-
*
|
16
|
-
*
|
17
|
-
*
|
18
|
-
* 维度映射规则:
|
19
|
-
* 1. 用户指定的xAxis维度映射至X轴, 支持多个维度; 若未指定, 则默认映射第一个维度
|
20
|
-
* 2. 用户指定的color维度映射至颜色通道, 支持多个维度; 若未指定, 则默认映射指标名称
|
21
|
-
* 3. 用户指定的detail维度映射至Detail通道, 支持多个维度; 若未指定, 则无detail
|
22
|
-
* 指标映射规则:
|
23
|
-
* 1. 指标未配置encoding, 则默认映射至Y轴;
|
24
|
-
* 2. 用户指定的yAxis指标映射至Y轴, 支持多个指标;
|
25
|
-
* 3. 所有指标均映射到Tooltip
|
9
|
+
* @encoding
|
10
|
+
* 百分比柱状图支持以下视觉通道:
|
11
|
+
* `xAxis` : x轴通道, 支持`多个维度`, 按维度值映射至x轴
|
12
|
+
* `yAxis` : y轴通道, 支持`多个指标`, 按指标值映射至y轴
|
13
|
+
* `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
|
14
|
+
* `color` : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
|
15
|
+
* `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
16
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
26
17
|
* @warning
|
27
18
|
* 数据要求:
|
28
19
|
* - 至少1个指标字段(度量)
|
@@ -49,18 +40,6 @@ export interface ColumnPercent {
|
|
49
40
|
* @example [{category:'A', value:30}, {category:'B', value:70}]
|
50
41
|
*/
|
51
42
|
dataset: Dataset;
|
52
|
-
/**
|
53
|
-
* @description 编码配置, 百分比柱状图的视觉通道, 包括: x通道, color通道, detail通道, label通道, tooltip通道
|
54
|
-
* - x: 映射到X轴的字段, 支持放入多个维度
|
55
|
-
* - detail: 细分映射通道, 支持放入多个维度
|
56
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
57
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
58
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
59
|
-
*
|
60
|
-
* @tip 特殊的:
|
61
|
-
* - y: measures会直接映射到Y轴通道
|
62
|
-
*/
|
63
|
-
encoding?: Pick<Encoding, 'x' | 'color' | 'detail' | 'label' | 'tooltip'>;
|
64
43
|
/**
|
65
44
|
* 维度
|
66
45
|
* @description 第一个维度被映射到X轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示.
|
@@ -19,11 +19,6 @@ export declare const zColumnPercent: z.ZodObject<{
|
|
19
19
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
20
20
|
id: z.ZodString;
|
21
21
|
alias: z.ZodOptional<z.ZodString>;
|
22
|
-
location: z.ZodDefault<z.ZodEnum<{
|
23
|
-
dimension: "dimension";
|
24
|
-
rowDimension: "rowDimension";
|
25
|
-
columnDimension: "columnDimension";
|
26
|
-
}>>;
|
27
22
|
encoding: z.ZodOptional<z.ZodEnum<{
|
28
23
|
column: "column";
|
29
24
|
xAxis: "xAxis";
|
@@ -1,12 +1,18 @@
|
|
1
1
|
import { type Locale } from '../../i18n';
|
2
|
-
import type { BackgroundColor, Color, Dataset, Dimensions,
|
2
|
+
import type { BackgroundColor, Color, Dataset, Dimensions, Label, Legend, MeasureTree, Theme, Tooltip } from '../../properties';
|
3
3
|
/**
|
4
|
-
* 环形图类型定义
|
5
4
|
* @description 环形图,适用于展示单一维度数据的占比关系,中心留有空白区域可展示汇总信息
|
6
5
|
* 适用场景:
|
7
6
|
* - 需要同时展示整体数据和各部分占比
|
8
7
|
* - 强调数据的整体与部分关系
|
9
8
|
* - 中心区域需要展示关键指标或标题
|
9
|
+
* @encoding
|
10
|
+
* 环形图支持以下视觉通道:
|
11
|
+
* `angle` : 角度通道, 支持`多个指标`, 按指标值映射至扇形角度
|
12
|
+
* `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
|
13
|
+
* `color` : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
|
14
|
+
* `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
15
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
10
16
|
* @warning
|
11
17
|
* 数据要求:
|
12
18
|
* - 至少1个指标字段(度量)
|
@@ -33,17 +39,6 @@ export interface Donut {
|
|
33
39
|
* @example [{category:'A', value:30}, {category:'B', value:70}]
|
34
40
|
*/
|
35
41
|
dataset: Dataset;
|
36
|
-
/**
|
37
|
-
* @description 编码配置, 环形图的视觉通道, 包括: color通道, detail通道, label通道, tooltip通道
|
38
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
39
|
-
* - detail: 细分映射通道, 支持放入多个维度
|
40
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
41
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
42
|
-
*
|
43
|
-
* @tip 特殊的:
|
44
|
-
* - angle: measures会直接映射到角度通道
|
45
|
-
*/
|
46
|
-
encoding?: Pick<Encoding, 'color' | 'detail' | 'label' | 'tooltip'>;
|
47
42
|
/**
|
48
43
|
* 维度
|
49
44
|
* @description 环形图的所有维度会与指标名称(存在多个指标时)合并成1个维度, 映射到饼图的角度, 并作为图例项展示.
|
@@ -19,11 +19,6 @@ export declare const zDonut: z.ZodObject<{
|
|
19
19
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
20
20
|
id: z.ZodString;
|
21
21
|
alias: z.ZodOptional<z.ZodString>;
|
22
|
-
location: z.ZodDefault<z.ZodEnum<{
|
23
|
-
dimension: "dimension";
|
24
|
-
rowDimension: "rowDimension";
|
25
|
-
columnDimension: "columnDimension";
|
26
|
-
}>>;
|
27
22
|
encoding: z.ZodOptional<z.ZodEnum<{
|
28
23
|
column: "column";
|
29
24
|
xAxis: "xAxis";
|
@@ -1,13 +1,21 @@
|
|
1
1
|
import type { Locale } from '../../i18n';
|
2
|
-
import type { AnnotationArea, AnnotationHorizontalLine, AnnotationPoint, AnnotationVerticalLine, AreaStyle, BackgroundColor, BarStyle, Color, CrosshairRect, Dataset, Dimensions, DualChartType, DualMeasures,
|
2
|
+
import type { AnnotationArea, AnnotationHorizontalLine, AnnotationPoint, AnnotationVerticalLine, AreaStyle, BackgroundColor, BarStyle, Color, CrosshairRect, Dataset, Dimensions, DualChartType, DualMeasures, Label, Legend, LineStyle, MeasureTree, PointStyle, Sort, SortLegend, Theme, Tooltip, YLinearAxis } from '../../properties';
|
3
3
|
/**
|
4
|
-
* 双轴图类型定义
|
5
4
|
* @description 双轴图,适用于展示两个不同量级或不同单位指标的对比关系,包含主坐标轴和次坐标轴
|
6
5
|
* 适用场景:
|
7
6
|
* - 不同量级指标的对比分析
|
8
7
|
* - 相关性指标的趋势比较
|
9
8
|
* - 需要同时展示数值和增长率等复合指标
|
10
9
|
* - 支持不同类型图表组合(如折线图+柱状图/ 折线图+面积图/ 面积图+柱状图)
|
10
|
+
* @encoding
|
11
|
+
* 双轴图支持以下视觉通道:
|
12
|
+
* `xAxis` : x轴通道, 支持`多个维度`, 按维度值映射至x轴
|
13
|
+
* `primaryYAxis` : 主轴y轴通道, 支持`多个指标`, 将指标映射至主轴
|
14
|
+
* `secondaryYAxis` : 次轴y轴通道, 支持`多个指标`, 将指标映射至次轴
|
15
|
+
* `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
|
16
|
+
* `color` : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
|
17
|
+
* `tooltip` : 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
18
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
11
19
|
* @warning
|
12
20
|
* 数据要求:
|
13
21
|
* - 至少1个指标字段(度量)
|
@@ -31,18 +39,6 @@ export interface DualAxis {
|
|
31
39
|
* @example [{month:'1月', value:100, growth:0.2}, {month:'2月', value:150, growth:0.5}]
|
32
40
|
*/
|
33
41
|
dataset: Dataset;
|
34
|
-
/**
|
35
|
-
* @description 编码配置, 双轴图的视觉通道, 包括: x通道, color通道, detail通道, label通道, tooltip通道
|
36
|
-
* - detail: 细分映射通道, 支持放入多个维度
|
37
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
38
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
39
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
40
|
-
*
|
41
|
-
* @tip 特殊的:
|
42
|
-
* - primaryY: measures会直接映射到主Y轴通道
|
43
|
-
* - secondaryY: measures会直接映射到次Y轴通道
|
44
|
-
*/
|
45
|
-
encoding?: Pick<Encoding, 'x' | 'color' | 'detail' | 'label' | 'tooltip'>;
|
46
42
|
/**
|
47
43
|
* @description 维度, 第一个维度会放至X轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示.
|
48
44
|
* @example [{id: 'month', alias: '月份'}]
|
@@ -5,11 +5,6 @@ export declare const zDualAxis: z.ZodObject<{
|
|
5
5
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
6
6
|
id: z.ZodString;
|
7
7
|
alias: z.ZodOptional<z.ZodString>;
|
8
|
-
location: z.ZodDefault<z.ZodEnum<{
|
9
|
-
dimension: "dimension";
|
10
|
-
rowDimension: "rowDimension";
|
11
|
-
columnDimension: "columnDimension";
|
12
|
-
}>>;
|
13
8
|
encoding: z.ZodOptional<z.ZodEnum<{
|
14
9
|
column: "column";
|
15
10
|
xAxis: "xAxis";
|
@@ -1,11 +1,17 @@
|
|
1
1
|
import type { Locale } from '../../i18n';
|
2
|
-
import type { BackgroundColor, ColorLegend, Dataset, Dimensions,
|
2
|
+
import type { BackgroundColor, ColorLegend, Dataset, Dimensions, Label, LinearColor, MeasureTree, Theme, Tooltip } from '../../properties';
|
3
3
|
/**
|
4
|
-
* 漏斗图
|
5
4
|
* @description 漏斗图,用于展示单一维度数据的占比关系
|
6
5
|
* 适用场景:
|
7
6
|
* 漏斗图适用场景:
|
8
7
|
* - 适合用来分析具有多个连续、规范化步骤的流程,并清晰地展示在每个环节的数据流失或转化情况
|
8
|
+
* @encoding
|
9
|
+
* 漏斗图支持以下视觉通道:
|
10
|
+
* `size` : 大小通道, 支持`多个指标`, 按指标值映射至漏斗宽度
|
11
|
+
* `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
|
12
|
+
* `color` : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
|
13
|
+
* `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
14
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
9
15
|
* @warning
|
10
16
|
* 数据要求:
|
11
17
|
* - 至少1个数值字段(指标)
|
@@ -32,17 +38,6 @@ export interface Funnel {
|
|
32
38
|
* @example [{category:'A', value:30}, {category:'B', value:70}]
|
33
39
|
*/
|
34
40
|
dataset: Dataset;
|
35
|
-
/**
|
36
|
-
* @description 编码配置,漏斗图的视觉通道, 包括: color通道, detail通道, label通道, tooltip通道
|
37
|
-
* - detail: 细分映射通道, 支持放入多个维度
|
38
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
39
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
40
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
41
|
-
*
|
42
|
-
* @tip 特殊的:
|
43
|
-
* - size: measures会直接映射到尺寸通道
|
44
|
-
*/
|
45
|
-
encoding?: Pick<Encoding, 'color' | 'detail' | 'label' | 'tooltip'>;
|
46
41
|
/**
|
47
42
|
* 维度
|
48
43
|
* @description 漏斗图的所有维度会与指标名称(存在多个指标时)合并成一个维度,并作为图例项展示
|
@@ -19,11 +19,6 @@ export declare const zFunnel: z.ZodObject<{
|
|
19
19
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
20
20
|
id: z.ZodString;
|
21
21
|
alias: z.ZodOptional<z.ZodString>;
|
22
|
-
location: z.ZodDefault<z.ZodEnum<{
|
23
|
-
dimension: "dimension";
|
24
|
-
rowDimension: "rowDimension";
|
25
|
-
columnDimension: "columnDimension";
|
26
|
-
}>>;
|
27
22
|
encoding: z.ZodOptional<z.ZodEnum<{
|
28
23
|
column: "column";
|
29
24
|
xAxis: "xAxis";
|
@@ -1,13 +1,20 @@
|
|
1
1
|
import { type Locale } from '../../i18n';
|
2
|
-
import type { ColorLegend,
|
2
|
+
import type { ColorLegend, LinearColor, MeasureTree } from '../../properties';
|
3
3
|
import { type BackgroundColor, type Dataset, type Dimensions, type Label, type Theme, type Tooltip } from '../../properties';
|
4
4
|
/**
|
5
|
-
* 热力图类型定义
|
6
5
|
* @description 热力图,通过二维矩阵的颜色深浅展示数据的分布和强弱关系
|
7
6
|
* 适用场景:
|
8
7
|
* - 大规模二维数据的密度和强度展示
|
9
8
|
* - 分类与数值的关联分析
|
10
9
|
* - 时间序列与类别的交叉对比
|
10
|
+
* @encoding
|
11
|
+
* 热力图支持以下视觉通道:
|
12
|
+
* `xAxis` : x轴通道, 支持`多个维度`, 按维度值映射至x轴
|
13
|
+
* `yAxis` : y轴通道, 支持`多个维度`, 按维度值映射至y轴
|
14
|
+
* `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
|
15
|
+
* `color` : 颜色通道, 支持`一个指标`, 按指标值映射至颜色
|
16
|
+
* `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
17
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
11
18
|
* @warning
|
12
19
|
* 数据要求:
|
13
20
|
* - 至少2个维度字段,用于确定热力图的行和列
|
@@ -34,18 +41,6 @@ export interface Heatmap {
|
|
34
41
|
* @example [{month:'1月', value:100}, {month:'2月', value:150}, {month:'3月', value:120}]
|
35
42
|
*/
|
36
43
|
dataset: Dataset;
|
37
|
-
/**
|
38
|
-
* @description 编码配置, 热力图的视觉通道, 包括: x通道, y通道, color通道, label通道, tooltip通道
|
39
|
-
* - x: x轴映射通道, 支持放入多个维度
|
40
|
-
* - y: y轴映射通道, 支持放入多个维度
|
41
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
42
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
43
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
44
|
-
*
|
45
|
-
* @tip 特殊的:
|
46
|
-
* - value: measures会直接映射到数值通道
|
47
|
-
*/
|
48
|
-
encoding?: Pick<Encoding, 'color' | 'x' | 'y' | 'label' | 'tooltip'>;
|
49
44
|
/**
|
50
45
|
* 维度
|
51
46
|
* @description 热力图的第一个维度被映射到角度轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示.
|
@@ -5,11 +5,6 @@ export declare const zHeatmap: z.ZodObject<{
|
|
5
5
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
6
6
|
id: z.ZodString;
|
7
7
|
alias: z.ZodOptional<z.ZodString>;
|
8
|
-
location: z.ZodDefault<z.ZodEnum<{
|
9
|
-
dimension: "dimension";
|
10
|
-
rowDimension: "rowDimension";
|
11
|
-
columnDimension: "columnDimension";
|
12
|
-
}>>;
|
13
8
|
encoding: z.ZodOptional<z.ZodEnum<{
|
14
9
|
column: "column";
|
15
10
|
xAxis: "xAxis";
|
@@ -1,30 +1,18 @@
|
|
1
1
|
import type { Locale } from '../../i18n';
|
2
|
-
import type { AnnotationArea, AnnotationHorizontalLine, AnnotationPoint, AnnotationVerticalLine, BackgroundColor, Color, Dataset, Dimensions, Label, Legend, LineStyle, PointStyle, Theme, Tooltip, CrosshairLine, XBandAxis, YLinearAxis, MeasureTree, Sort, SortLegend
|
2
|
+
import type { AnnotationArea, AnnotationHorizontalLine, AnnotationPoint, AnnotationVerticalLine, BackgroundColor, Color, Dataset, Dimensions, Label, Legend, LineStyle, PointStyle, Theme, Tooltip, CrosshairLine, XBandAxis, YLinearAxis, MeasureTree, Sort, SortLegend } from '../../properties';
|
3
3
|
/**
|
4
|
-
*
|
5
|
-
* @description
|
6
|
-
* 折线图,适用于展示数据随时间或有序类别变化的趋势,通过线段连接数据点形成趋势线
|
7
|
-
* @info
|
8
|
-
* Encoding规则
|
9
|
-
* 维度未包含任何encoding, 则使用默认映射规则:
|
10
|
-
* 1. x: 第一个维度映射至X轴
|
11
|
-
* 2. color: 其余所有维度与指标名称, 合并映射至颜色通道, 作为图例展示
|
12
|
-
* 指标未包含任何encoding, 则使用默认映射规则:
|
13
|
-
* 1. y: 全部指标映射至Y轴
|
14
|
-
* 2. tooltip: 全部指标映射至Tooltip
|
15
|
-
*
|
16
|
-
* 维度映射规则:
|
17
|
-
* 1. 用户指定的xAxis维度映射至X轴, 支持多个维度; 若未指定, 则默认映射第一个维度
|
18
|
-
* 2. 用户指定的color维度映射至颜色通道, 支持多个维度; 若未指定, 则默认映射指标名称
|
19
|
-
* 指标映射规则:
|
20
|
-
* 1. 指标未配置encoding, 则默认映射至Y轴;
|
21
|
-
* 2. 用户指定的yAxis指标映射至Y轴, 支持多个指标;
|
22
|
-
* 3. 所有指标均映射到Tooltip
|
23
|
-
* @warning
|
4
|
+
* @description 折线图,适用于展示数据随时间或有序类别变化的趋势,通过线段连接数据点形成趋势线
|
24
5
|
* 适用场景:
|
25
6
|
* - 展示时间序列数据的变化趋势
|
26
7
|
* - 比较多个数据系列的趋势对比
|
27
8
|
* - 分析数据的增长或下降规律
|
9
|
+
* @encoding
|
10
|
+
* 折线图支持以下视觉通道:
|
11
|
+
* `x` : x轴通道, 支持`多个维度`, 按维度值映射至x轴
|
12
|
+
* `y` : y轴通道, 支持`多个指标`, 按指标值映射至y轴
|
13
|
+
* `color` : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
|
14
|
+
* `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
15
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
28
16
|
* @warning
|
29
17
|
* 数据要求:
|
30
18
|
* - 至少1个数值字段(度量)
|
@@ -49,18 +37,6 @@ export interface Line {
|
|
49
37
|
* @example [{month:'1月', value:100}, {month:'2月', value:150}, {month:'3月', value:120}]
|
50
38
|
*/
|
51
39
|
dataset: Dataset;
|
52
|
-
/**
|
53
|
-
* @description 编码配置, 折线图的视觉通道, 包括: x通道, color通道, detail通道, label通道, tooltip通道
|
54
|
-
* - x: 映射到X轴的字段, 支持放入多个维度
|
55
|
-
* - detail: 细分映射通道, 支持放入多个维度
|
56
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
57
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
58
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
59
|
-
*
|
60
|
-
* @tip 特殊的:
|
61
|
-
* - y: measures会直接映射到Y轴通道
|
62
|
-
*/
|
63
|
-
encoding?: Pick<Encoding, 'x' | 'color' | 'detail' | 'label' | 'tooltip'>;
|
64
40
|
/**
|
65
41
|
* @description 维度, 折线图的第一个维度被映射到X轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示
|
66
42
|
* @type {Dimensions}
|
@@ -19,11 +19,6 @@ export declare const zLine: z.ZodObject<{
|
|
19
19
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
20
20
|
id: z.ZodString;
|
21
21
|
alias: z.ZodOptional<z.ZodString>;
|
22
|
-
location: z.ZodDefault<z.ZodEnum<{
|
23
|
-
dimension: "dimension";
|
24
|
-
rowDimension: "rowDimension";
|
25
|
-
columnDimension: "columnDimension";
|
26
|
-
}>>;
|
27
22
|
encoding: z.ZodOptional<z.ZodEnum<{
|
28
23
|
column: "column";
|
29
24
|
xAxis: "xAxis";
|
@@ -1,12 +1,18 @@
|
|
1
1
|
import type { Locale } from '../../i18n';
|
2
|
-
import type { BackgroundColor, Color, Dataset, Dimensions,
|
2
|
+
import type { BackgroundColor, Color, Dataset, Dimensions, Label, Legend, MeasureTree, Theme, Tooltip } from '../../properties';
|
3
3
|
/**
|
4
|
-
* 饼图类型定义
|
5
4
|
* @description 饼图,适用于展示单一维度数据的占比关系,通过扇形面积大小表示各类别占比
|
6
5
|
* 适用场景:
|
7
6
|
* - 展示分类数据的占比分布
|
8
7
|
* - 强调数据的整体与部分关系
|
9
8
|
* - 类别数量较少(建议不超过6个)的占比分析
|
9
|
+
* @encoding
|
10
|
+
* 饼图支持以下视觉通道:
|
11
|
+
* `angle` : 角度通道, 支持`多个指标`, 按指标值映射至扇形角度
|
12
|
+
* `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
|
13
|
+
* `color` : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
|
14
|
+
* `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
15
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
10
16
|
* @warning
|
11
17
|
* 数据要求:
|
12
18
|
* - 至少1个数值字段(度量)
|
@@ -33,17 +39,6 @@ export interface Pie {
|
|
33
39
|
* @example [{category:'A', value:30}, {category:'B', value:70}]
|
34
40
|
*/
|
35
41
|
dataset: Dataset;
|
36
|
-
/**
|
37
|
-
* @description 编码配置, 饼图的视觉通道, 包括: color通道, detail通道, label通道, tooltip通道
|
38
|
-
* - detail: 细分映射通道, 支持放入多个维度
|
39
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
40
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
41
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
42
|
-
*
|
43
|
-
* @tip 特殊的:
|
44
|
-
* - angle: measures会直接映射到角度通道
|
45
|
-
*/
|
46
|
-
encoding?: Pick<Encoding, 'color' | 'detail' | 'label' | 'tooltip'>;
|
47
42
|
/**
|
48
43
|
* 维度
|
49
44
|
* @description 饼图的所有维度会与指标名称(存在多个指标时)合并成一个维度, 映射到角度, 并作为图例项展示
|
@@ -19,11 +19,6 @@ export declare const zPie: z.ZodObject<{
|
|
19
19
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
20
20
|
id: z.ZodString;
|
21
21
|
alias: z.ZodOptional<z.ZodString>;
|
22
|
-
location: z.ZodDefault<z.ZodEnum<{
|
23
|
-
dimension: "dimension";
|
24
|
-
rowDimension: "rowDimension";
|
25
|
-
columnDimension: "columnDimension";
|
26
|
-
}>>;
|
27
22
|
encoding: z.ZodOptional<z.ZodEnum<{
|
28
23
|
column: "column";
|
29
24
|
xAxis: "xAxis";
|
@@ -2,12 +2,16 @@ import { type Locale } from '../../i18n';
|
|
2
2
|
import type { Measures } from '../../properties';
|
3
3
|
import { type BackgroundColor, type Dataset, type Dimensions, type Theme } from '../../properties';
|
4
4
|
/**
|
5
|
-
*
|
6
|
-
* @description 透视表,适用于多维度数据交叉分析场景,可灵活配置行、列维度和指标计算方式
|
5
|
+
* @description 透视表格,适用于多维度数据交叉分析场景,可灵活配置行、列维度和指标计算方式
|
7
6
|
* 适用场景:
|
8
7
|
* - 复杂多维数据统计分析
|
9
8
|
* - 数据钻取与聚合展示
|
10
9
|
* - 业务报表生成与数据探索
|
10
|
+
* @encoding
|
11
|
+
* 透视表支持以下视觉通道:
|
12
|
+
* `row` : 行维度, 支持`多个维度`, 按维度值在行上进行分组
|
13
|
+
* `column` : 列维度, 支持`多个维度`, 按维度值在列上进行分组
|
14
|
+
* `detail` : 细分通道, 支持`多个指标`, 在单元格中展示指标值
|
11
15
|
* @warning
|
12
16
|
* 数据要求:
|
13
17
|
* - 至少1个行维度 或 1个列维度 或 1个指标
|
@@ -33,7 +37,7 @@ export interface PivotTable {
|
|
33
37
|
*/
|
34
38
|
dataset: Dataset;
|
35
39
|
/**
|
36
|
-
* @description 透视表的行维度和列维度,会自动对数据进行处理为树形结构, 并映射到行和列轴,
|
40
|
+
* @description 透视表的行维度和列维度,会自动对数据进行处理为树形结构, 并映射到行和列轴,
|
37
41
|
* @type {Dimensions}
|
38
42
|
* @example [{id: 'region', alias: '地区', isRow: true}, {id: 'product', alias: '产品', isColumn: true}]
|
39
43
|
*/
|
@@ -5,11 +5,6 @@ export declare const zPivotTable: z.ZodObject<{
|
|
5
5
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
6
6
|
id: z.ZodString;
|
7
7
|
alias: z.ZodOptional<z.ZodString>;
|
8
|
-
location: z.ZodDefault<z.ZodEnum<{
|
9
|
-
dimension: "dimension";
|
10
|
-
rowDimension: "rowDimension";
|
11
|
-
columnDimension: "columnDimension";
|
12
|
-
}>>;
|
13
8
|
encoding: z.ZodOptional<z.ZodEnum<{
|
14
9
|
column: "column";
|
15
10
|
xAxis: "xAxis";
|
@@ -1,13 +1,19 @@
|
|
1
1
|
import { type Locale } from '../../i18n';
|
2
|
-
import type { AreaStyle,
|
2
|
+
import type { AreaStyle, LineStyle, MeasureTree, PointStyle } from '../../properties';
|
3
3
|
import { type BackgroundColor, type Color, type Dataset, type Dimensions, type Label, type Legend, type Theme, type Tooltip } from '../../properties';
|
4
4
|
/**
|
5
|
-
* 雷达图类型定义
|
6
5
|
* @description 雷达图,适用于多维度数据的对比分析,通过多轴坐标系展示各维度的数值分布
|
7
6
|
* 适用场景:
|
8
7
|
* - 多维度数据的综合表现对比
|
9
8
|
* - 多个对象在多个指标上的性能评估
|
10
9
|
* - 分类数据的多维度特征展示
|
10
|
+
* @encoding
|
11
|
+
* 雷达图支持以下视觉通道:
|
12
|
+
* `angle` : 角度通道, 支持`多个维度`, 按维度值映射至角度轴
|
13
|
+
* `radius` : 半径通道, 支持`多个指标`, 按指标值映射至半径轴
|
14
|
+
* `color` : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
|
15
|
+
* `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
16
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
11
17
|
* @warning
|
12
18
|
* 数据要求:
|
13
19
|
* - 至少1个数值字段(度量)
|
@@ -34,18 +40,6 @@ export interface Radar {
|
|
34
40
|
* @example [{month:'1月', value:100}, {month:'2月', value:150}, {month:'3月', value:120}]
|
35
41
|
*/
|
36
42
|
dataset: Dataset;
|
37
|
-
/**
|
38
|
-
* @description 编码配置, 雷达图的视觉通道, 包括: angle通道, color通道, detail通道, label通道, tooltip通道
|
39
|
-
* - angle: 映射到角度的字段, 支持放入多个维度
|
40
|
-
* - detail: 细分映射通道, 支持放入多个维度
|
41
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
42
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
43
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
44
|
-
*
|
45
|
-
* @tip 特殊的:
|
46
|
-
* - radius: measures会直接映射到半径通道
|
47
|
-
*/
|
48
|
-
encoding?: Pick<Encoding, 'angle' | 'color' | 'detail' | 'label' | 'tooltip'>;
|
49
43
|
/**
|
50
44
|
* 维度
|
51
45
|
* @description 雷达图的第一个维度被映射到角度轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示.
|
@@ -19,11 +19,6 @@ export declare const zRadar: z.ZodObject<{
|
|
19
19
|
dimensions: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
20
20
|
id: z.ZodString;
|
21
21
|
alias: z.ZodOptional<z.ZodString>;
|
22
|
-
location: z.ZodDefault<z.ZodEnum<{
|
23
|
-
dimension: "dimension";
|
24
|
-
rowDimension: "rowDimension";
|
25
|
-
columnDimension: "columnDimension";
|
26
|
-
}>>;
|
27
22
|
encoding: z.ZodOptional<z.ZodEnum<{
|
28
23
|
column: "column";
|
29
24
|
xAxis: "xAxis";
|
@@ -1,13 +1,20 @@
|
|
1
1
|
import { type Locale } from '../../i18n';
|
2
|
-
import type {
|
2
|
+
import type { MeasureTree } from '../../properties';
|
3
3
|
import { type BackgroundColor, type Color, type Dataset, type Dimensions, type Label, type Legend, type Theme, type Tooltip } from '../../properties';
|
4
4
|
/**
|
5
|
-
* 堆叠玫瑰图类型定义
|
6
5
|
* @description 堆叠玫瑰图,适用于多维度数据对比场景,通过极坐标系下的扇形弧度和半径展示数据大小
|
7
6
|
* 适用场景:
|
8
7
|
* - 多维度数据的分布对比
|
9
8
|
* - 周期性数据的强弱比较
|
10
9
|
* - 分类数据的数值与占比同时展示
|
10
|
+
* @encoding
|
11
|
+
* 堆叠玫瑰图支持以下视觉通道:
|
12
|
+
* `angle` : 角度通道, 支持`多个维度`, 按维度值映射至角度轴
|
13
|
+
* `radius` : 半径通道, 支持`多个指标`, 按指标值映射至半径轴
|
14
|
+
* `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
|
15
|
+
* `color` : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
|
16
|
+
* `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
|
17
|
+
* `label` : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
|
11
18
|
* @warning
|
12
19
|
* 数据要求:
|
13
20
|
* - 至少1个数值字段(度量)
|
@@ -34,18 +41,6 @@ export interface Rose {
|
|
34
41
|
* @example [{month:'1月', value:100}, {month:'2月', value:150}, {month:'3月', value:120}]
|
35
42
|
*/
|
36
43
|
dataset: Dataset;
|
37
|
-
/**
|
38
|
-
* @description 编码配置, 堆叠玫瑰图的视觉通道, 包括: angle通道, color通道, detail通道, label通道, tooltip通道
|
39
|
-
* - angle: 映射到角度的字段, 支持放入多个维度
|
40
|
-
* - detail: 细分映射通道, 支持放入多个维度
|
41
|
-
* - tooltip: 提示映射通道, 支持放入多个维度 和 多个指标
|
42
|
-
* - color: 颜色映射通道, 支持放入多个维度 或 1个 指标
|
43
|
-
* - label: 标签映射通道, 支持放入 多个维度 或 多个指标
|
44
|
-
*
|
45
|
-
* @tip 特殊的:
|
46
|
-
* - radius: measures会直接映射到半径通道
|
47
|
-
*/
|
48
|
-
encoding?: Pick<Encoding, 'angle' | 'color' | 'detail' | 'label' | 'tooltip'>;
|
49
44
|
/**
|
50
45
|
* 维度
|
51
46
|
* @description 玫瑰图的第一个维度被映射到角度轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示.
|