基础图表
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轴的轴标签、轴线、轴标题。
- 数据标签:设置散点图是否显示数据标签,设置数据标签和显示设置。
- 图例:设置散点图是否显示图例,设置图例位置、对齐方式、文字样式。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
双层轮播饼图
双层轮播饼图组件的添加入口如下:
以上内容对您是否有帮助?