1. 概述

本文将依次介绍每个基础图表的配置方式。

2. 详细说明

柱形图

柱形图组件的入口如下。

柱形图的数据配置区如下图所示。

• 维度：设置柱形图x轴的维度字段，如下图所示为“地区”。
• 度量：设置柱形图y轴的度量字段，如下图所示为“销售额”。
• 系列(可选)：设置每根柱子进一步细分的字段，如下图所示为“类别”，即每根柱子进一步划分成三段不同颜色，分别表示不同的类别。

柱形图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 柱形：设置柱子为“堆叠”或“并列”，“直角”或“圆角”，柱子宽度以及颜色。
• 绘图区：设置图表中间的绘图区，是否有网格线，以及绘图区的背景边框。
• 动画效果：设置柱形图的轮播效果。

辅助信息设置：

• 坐标轴：设置柱形图x轴、y轴的轴标签、轴线、轴标题等信息。
• 数据标签：设置柱形图上是否要展示数据标签，以及标签的文字样式。
• 图例：设置柱形图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

条形图

条形图的入口如下。

柱形图的数据配置区同柱形图类似，如下图所示。

• 维度：设置条形图y轴的维度字段，如下图所示为“地区”
• 度量：设置条形图x轴的度量字段，如下图所示为“销售额”
• 系列(可选)：设置每根条形进一步细分的字段，如下图所示为“类别”，即每根条形进一步划分成三段不同颜色，分别表示不同的类别。

条形图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 条形：设置条形为“堆叠”或“并列”，“直角”或“圆角”，柱子宽度以及颜色。
• 绘图区：设置图表中间的绘图区，是否有网格线，以及绘图区的背景边框。
• 动画效果：设置条形图的轮播效果。

辅助信息设置：

• 坐标轴：设置条形图x轴、y轴的轴标签、轴线、轴标题等信息。
• 数据标签：设置条形图上是否要展示数据标签，以及标签的文字样式。
• 图例：设置条形图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

折线图

折线图的入口如下。

折线图的数据配置区如下图所示。

• x轴：设置x轴的维度字段，如下图中的“地区”字段。
• y轴：设置y轴的度量字段，如下图中的“销售额”字段。
• 系列(可选)：设置按照某个字段进一步细分为多条折线，如下图中的“类别”字段。

折线图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 折线：设置折线图的线型、颜色等信息
• 绘图区：设置图表中间的绘图区，是否有网格线，以及绘图区的背景边框。

辅助信息：

• 坐标轴：设置折线图x轴、y轴的轴标签、轴线、轴标题等信息。
• 数据标签：设置折线图上是否要展示数据标签，以及标签的文字样式。
• 图例：设置折线图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

双轴图

双轴图的入口如下。

双轴图的数据配置去如下图所示。

• x轴：设置x轴的维度字段，如下图中的“地区”字段。
• y左轴：设置双轴图中柱形对应的字段，如下图中的“销售额”字段。
• y右轴：设置双轴图中折线对应的字段，如下图中的“成本”字段。

双轴图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 图表样式/柱形：设置柱子、折线的样式。
• 绘图区：设置图表中间的绘图区，是否有网格线，以及绘图区的背景边框。

辅助信息：

• 坐标轴：设置双轴图x轴、y左轴、y右轴的轴标签、轴线、轴标题等信息。
• 数据标签：设置双轴图上是否要展示数据标签，以及标签的文字样式。
• 图例：设置双轴图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

饼图

饼图的入口如下。

饼图的数据配置项如下图所示。

• 字段：设置饼图的维度字段，如下图中的“地区”字段。
• 值：设置饼图的度量字段，如下图中的“销售额”字段。

饼图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 饼图：设置饼图的内半径、颜色等样式。
• 动画效果：设置饼图的自动轮播效果。

辅助信息：

• 数据标签：设置饼图上是否要展示数据标签，以及标签的文字样式。
• 图例：设置饼图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

环图

环图的入口如下。

环图的数据配置项如下图所示。

• 字段：设置环图的维度字段，如下图中的“地区”字段。
• 值：设置环图的度量字段，如下图中的“销售额”字段。

环图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 环形：设置环图的内半径、颜色等样式。
• 动画效果：设置环图的自动轮播效果。

辅助信息：

• 数据标签：设置环图上是否要展示数据标签，以及标签的文字样式。
• 图例：设置环图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

气泡图

气泡图的入口如下。

气泡图的数据配置项如下图所示。

• 维度：设置气泡图的划分维度，比如下图中的“省”字段，每个省划分为一个气泡。
• 度量：设置气泡大小的映射字段，比如下图中的“销售额”字段，销售额越大的省，气泡越大。
• 类别：设置气泡颜色的映射字段，比如下图中的“地区”字段，每个地区的省份气泡，用同一个颜色表示。

气泡图的样式设置，分为图形、卡片设置两个子Tab。

图形设置：

• 颜色设置：设置气泡的颜色。
• 标签：设置气泡上是否数据标签，以及标签的样式。
• 图例：设置气泡图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

面积图

面积图的入口如下。

面积图的数据配置项如下图所示。

• x轴：设置x轴的维度字段，如下图中的“地区”字段。
• y轴：设置y轴的度量字段，如下图中的“销售额”字段。
• 系列(可选)：设置按照某个字段进一步细分为多个面积区域，如下图中的“类别”字段。

面积图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 折线：设置面积图中折线的线型、颜色等信息
• 绘图区：设置图表中间的绘图区，是否有网格线，以及绘图区的背景边框。

辅助信息：

• 坐标轴：设置面积图x轴、y轴的轴标签、轴线、轴标题等信息。
• 数据标签：设置面积图上是否要展示数据标签，以及标签的文字样式。
• 图例：设置面积图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

栅格柱形图

栅格柱形图的入口如下。

栅格柱形图的数据配置区如下图所示。

• 维度：设置栅格柱形图x轴的维度字段，如下图所示为“地区”。
• 度量：设置栅格柱形图y轴的度量字段，如下图所示为“销售额”。
• 系列(可选)：设置每根柱子进一步细分的字段，如下图所示为“类别”，即每根柱子进一步划分成三段不同颜色，分别表示不同的类别。

栅格柱形图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 柱形：设置柱子为“堆叠”或“并列”，“直角”或“圆角”，栅格的间距，柱子宽度以及颜色。
• 绘图区：设置图表中间的绘图区，是否有网格线，以及绘图区的背景边框。
• 动画效果：设置栅格柱形图的轮播效果。

辅助信息设置：

• 坐标轴：设置栅格柱形图x轴、y轴的轴标签、轴线、轴标题等信息。
• 数据标签：设置栅格柱形图上是否要展示数据标签，以及标签的文字样式。
• 图例：设置栅格柱形图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

栅格条形图

栅格条形图的入口如下。

栅格条形图的数据配置区同条形图类似，如下图所示。

• 维度：设置条形图y轴的维度字段，如下图所示为“地区”
• 度量：设置条形图x轴的度量字段，如下图所示为“销售额”
• 系列(可选)：设置每根条形进一步细分的字段，如下图所示为“类别”，即每根条形进一步划分成三段不同颜色，分别表示不同的类别。

栅格条形图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 条形：设置栅格条形为“堆叠”或“并列”，“直角”或“圆角”，栅格的间距，条形宽度以及颜色。
• 绘图区：设置图表中间的绘图区，是否有网格线，以及绘图区的背景边框。
• 动画效果：设置栅格条形图的轮播效果。

辅助信息设置：

• 坐标轴：设置栅格条形图x轴、y轴的轴标签、轴线、轴标题等信息。
• 数据标签：设置栅格条形图上是否要展示数据标签，以及标签的文字样式。
• 图例：设置栅格条形图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

3D环图

3D环图组件的入口如下。

3D环图的数据配置区如下图所示。

• 维度：设置3D环图的维度字段，如下图所示为“地区”。
• 度量：设置3D环图的度量字段，如下图所示为“利润”。

3D环图的样式设置，分为图形、辅助信息和卡片设置三个子Tab。

图形设置：

• 环形：设置内半径、颜色和高度。
• 动画效果：设置3D环图是否开启动画，以及自动轮播、停留时长、轮播联动。
• 当前扇形：设置高度增长、透明度。
• 当前值样式：设置行距、展示布局、系列、占比和数值。

辅助信息：

• 图例：设置位置、对齐方式、文字样式和文字颜色

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

百分比柱形图

百分比柱形图组件的入口如下。

百分比柱形图的数据配置区如下图所示。

• 维度：设置百分比柱形图的维度字段，如下图所示为“地区”。
• 度量：设置百分比柱形图的度量字段，如下图所示为“数量”。
• 颜色：设置百分比柱形图的维度字段，如下图所示为“省/自治区”。

百分比柱形图的样式设置，分为图形、辅助信息和卡片设置三个子Tab。

图形设置：

• 柱形样式：设置柱形状、宽度和颜色。
• 绘图区：设置网格方向、网格颜色、线型、背景和边框。
• 动画效果：设置是否显示动画，以及动画类型、停留时长。

辅助信息：

• 数据标签：设置是否显示数据标签，以及设置文字样式、显示设置、位置、偏移和字距。
• 坐标轴：设置是否显示坐标轴，支持X、Y轴分别设置，以及设置轴标签、轴线和轴标题。
• 提示框：设置自动轮播、文字样式、背景样式、指示器、真实值和占比。
• 图例：设置图例位置、对齐方式、文字样式和文字颜色。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

百分比条形图

百分比条形图组件的入口如下。

百分比条形图的数据配置区如下图所示。

• 维度：设置百分比条形图的维度字段，如下图所示为“地区”。
• 度量：设置百分比条形图的度量字段，如下图所示为“数量”。
• 颜色：设置百分比条形图的维度字段，如下图所示为“细分”。

百分比条形图的样式设置，分为图形、辅助信息和卡片设置三个子Tab。

图形设置：

• 条状样式：设置条形状、宽度和颜色。
• 绘图区：设置网格方向、网格颜色、线型、背景和边框。
• 动画效果：设置是否显示动画，以及动画类型、停留时长。

辅助信息：

• 数据标签：设置是否显示数据标签，以及设置文字样式、显示设置、位置、偏移和字距。
• 坐标轴：设置是否显示坐标轴，支持X、Y轴分别设置，以及设置轴标签、轴线和轴标题。
• 提示框：设置自动轮播、文字样式、背景样式、指示器、真实值和占比。
• 图例：设置图例位置、对齐方式、文字样式和文字颜色。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

矩形树图

矩形树图组件的入口如下。

矩形树图的数据配置区如下图所示。

• 细分：设置矩形树图的维度字段，如下图所示为“地区”。
• 尺寸：设置矩形树图的度量字段，如下图所示为“销售额”。
• 颜色：设置矩形树图的维度或度量字段，如下图所示为“省/自治区”。

矩形树图的样式设置，分为图形、辅助信息和卡片设置三个子Tab。

图形设置：

• 矩形样式：设置颜色、主项间隔和子项间隔。

辅助信息：

• 标签样式：设置类目标签和数值标签。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

轮播表

轮播表组件的入口如下。

轮播表的数据配置项如下图所示。

• 列：设置轮播表的字段，如下图中的“省/自治区”、“数量”、“记录数”字段。

轮播表的样式设置，分为图形、卡片设置两个子Tab。

图形设置：

• 动效：设置轮播效果、停留时间、展示行数。
• 表头：设置是否显示表头，以及文字样式、对齐、背景色、分割线样式。
• 序号：设置是否显示序号、以及列名、项目符、文字样式、对齐、列宽。
• 表格区：设置网格方向、颜色、线型、文字、对齐。
• 列：设置列宽适应、列样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

漏斗图

漏斗图组件的入口如下。

漏斗图的数据配置项如下图所示。

• 字段：设置漏斗图的维度字段，如下图中的“地区”字段。
• 值：设置漏斗图的维度字段，如下图中的“销售额”字段。

漏斗图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置:

• 漏斗图：设置漏斗图的排序、间距、颜色等样式。

辅助信息设置：

• 数据标签：设置漏斗图上是否展示数据标签，以及标签的位置和文字样式。
• 图例：设置漏斗图上是否展示图例，以及图例的展示位置和文字样式。
• 提示框：设置漏斗图提示框的文字和背景样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

玫瑰图

玫瑰图组件的入口如下。

玫瑰图的数据配置项如下图所示。

• 字段：设置玫瑰图的维度字段，如下图所示为“地区”。
• 尺寸：设置玫瑰图的度量字段，如下图所示为“利润”。
• 角度：设置玫瑰图的度量字段，如下图所示为“数量”。

玫瑰图的样式设置，分为图形、辅助信息、卡片设置三个子Tab。

图形设置：

• 玫瑰图：设置玫瑰图的内半径、圆角、间隔度数、颜色等。
• 动画效果：设置玫瑰图是否显示动画，以及动画类型、停留时长、轮播联动等。

辅助信息设置：

• 数据标签：设置玫瑰图是否显示数据标签，以及标签样式。
• 图例：设置玫瑰图是否显示图例，以及图例样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

雷达图

雷达图组件的入口如下。

雷达图的数据配置区如下图所示。

• 字段：设置雷达图的维度字段，如下图所示为“地区”。
• 值：设置雷达图的度量字段，如下图所示为“利润”。
• 颜色：设置雷达图的维度字段，如下图所示为“产品名称”。

雷达图的样式设置，分为图形和卡片设置两个子Tab。

图形设置：

• 数据项样式：设置线样式、标记点样式和区域透明度等。
• 轴样式：设置轴的起始角度、范围、颜色、粗细，以及等分数。
• 轴刻度：设置雷达图是否显示轴刻度，以及轴刻度样式。
• 边线样式：设置线颜色、粗细，以及填充颜色。
• 外围标签：设置雷达图是否显示外围标签，以及外围标签样式。
• 内围标签：设置雷达图是否显示内围标签，以及内围标签样式。
• 图例：设置图例的位置、对齐方式、文字样式，以及文字颜色。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

圆形雷达图

圆形雷达图组件的入口如下。

圆形雷达图的数据配置区如下图所示。

• 字段：设置雷达图的维度字段，如下图所示为“地区”。
• 值：设置雷达图的度量字段，如下图所示为“利润”。
• 颜色：设置雷达图的维度字段，如下图所示为“产品名称”。

圆形雷达图的样式设置，分为图形和卡片设置两个子Tab。

图形设置：

• 数据项样式：设置线样式、标记点样式和区域透明度等。
• 轴样式：设置轴的起始角度、范围、颜色、粗细，以及等分数。
• 轴刻度：设置雷达图是否显示轴刻度，以及轴刻度样式。
• 边线样式：设置线颜色、粗细，以及填充颜色。
• 外围标签：设置雷达图是否显示外围标签，以及外围标签样式。
• 内围标签：设置雷达图是否显示内围标签，以及内围标签样式。
• 图例：设置图例的位置、对齐方式、文字样式，以及文字颜色。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

动态折线图

动态折线图组件的入口如下。

动态折线图的数据配置区如下图所示。

• x轴：设置动态折线图的维度字段，如下图所示为“地区”。
• y轴：设置动态折线图的度量字段，如下图所示为“销售额”。
• 颜色：设置动态折线图的维度字段，如下图所示为“细分”。

动态折线图的样式设置，分为图形、辅助信息和卡片设置三个子Tab。

图形设置：

• 动画：设置动画持续时间。
• 折线：设置折线类型、颜色、标记点和宽度。
• 数字标签：设置数字样式和数字颜色。
• 绘图区：设置网格方向、颜色、线型以及背景、边框。

辅助信息：

• 提示框：设置是否悬浮显示、自动轮播、文字样式、背景样式和指示器。
• 坐标轴：设置是否显示坐标轴，支持X、Y轴分别设置轴标签、轴线和轴标题。
• 数据标签：设置是否显示数据标签，以及文字样式、数据格式、文字颜色和显示设置。
• 图例：设置是否显示图例，以及图例位置、对齐方式、文字样式和文字颜色。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

轮播排行条形图

轮播排行条形图组件的入口如下。

轮播排行条形图的数据配置区如下图所示。

• 维度：轮播排行条形图的维度字段，如下图所示为“地区”。
• 度量：轮播排行条形图的度量字段，如下图所示为“数量”。

轮播排行条形图的样式设置，分为图形、辅助信息和卡片设置三个子Tab。

图形设置：

• 条形样式：设置尺寸、条颜色、条底色、最大值。
• 头部图标：设置点形状、点尺寸、点颜色。
• 动画效果：设置轮播动画、轮播效果、停留时长、动画时长、展示行数。

辅助信息：

• 数据标签：设置是否显示类目标签或数值标签，以及设置类目标签样式和数值标签样式。
• 序号标签：设置轮播排行条形图是否显示序号标签，以及序号类型、宽度和样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

散点图

散点图组件的入口如下。

散点图的数据配置区如下图所示。

• 维度：散点图的维度字段，如下图所示为“地区”。
• 度量：散点图的度量字段，如下图所示为“数量”。
• 颜色：散点图的维度或度量字段，如下图所示为“细分”。

散点图的样式设置，分为图形、辅助信息和卡片设置三个子Tab。

图形设置：

• 散点：设置散点尺寸、颜色。
• 绘图区：设置网格方向、颜色、线型、背景和边框。
• 动画效果：设置是否显示动画效果，以及动画类型和停留时长。

辅助信息：

• 提示框：设置自动轮播、文字样式、背景样式和指示器。
• 坐标轴：设置散点图是否显示坐标轴，支持分别设置X、Y轴的轴标签、轴线、轴标题。
• 数据标签：设置散点图是否显示数据标签，设置数据标签和显示设置。
• 图例：设置散点图是否显示图例，设置图例位置、对齐方式、文字样式。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

双层轮播饼图

双层轮播饼图组件的添加入口如下：