[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

图表组件使用流程

本节主要为您介绍图表的制作流程。

我们先来了解一下图表整体的制作思路:

image2019-7-10_17-43-4.png

一般在进行图表制作时,首先需要添加一个空白的图表组件;然后选择需要使用的图表类型(如柱状图、饼图等);接下来是为图表绑定数据,使图表按照实际的数据进行绘制。此时,一个基本的图表就已经创建完成。

如您另需调整图表的外观或为图表添加数据标签、鼠标提示、数据排序等功能,则需要对图表进行进一步的设置。

接下来就以一个简单的示例,为您介绍图表的基本制作过程。

操作示例

1. 添加图表组件

鼠标悬浮至图表组件,自动弹出三个常用图表类型。如需制作单Y轴图表,则选择柱形图或者折线图;如需制作双Y轴也即组合图则选择组合图

本文以单Y轴图表为例介绍,有关组合图的介绍详见报表多Y轴组合图

image2022-7-28_10-6-36.png

2. 选择图表类型

报表中提供了多种图表类型,单击图表下的图表类型,选择一种图表类型。这里我们使用堆积柱形图。

image2020-6-5_9-12-17.png

报表中支持的图表类型包含:

  • 柱形图、堆积柱形图、百分比堆积柱形图

  • 条形图、堆积条形图、百分比堆积条形图

  • 折线图、曲线图、饼图、圆环图、锥形图、漏斗图、气泡图、散点图、甘特图

  • 面积图、堆积面积图、百分比堆积面积图

  • 极坐标柱状图、极坐标堆叠柱状图、极坐标百分比堆叠柱状图、极坐标条形图、极坐标堆叠条形图、极坐标百分比堆叠条形图

  • 雷达面积图、雷达气泡图、雷达散点图、雷达折线图

  • 开盘-盘高-盘低-收盘图、盘高-盘低-收盘图、盘高-盘低-开盘-收盘图

  • 仪表盘

  • 区间面积图、区间条形图、区间柱形图

type=info

提示

在图表制作过程当中,您随时可以切换图表类型,查看不同类型的图表效果。

3. 绑定数据

选中图表组件后,会在图表上方、下方和右方显示三个字段绑定区域: 数据字段分类详细设置

image2022-7-28_10-28-17.png

数据字段: 表示数值的大小。

分类: 表示数据按什么进行分类显示;

详细设置(明细): 即每个分类下细分为哪些系列;

详细设置(颜色): 即颜色按哪个字段划分,绑定后将显示图例。

详细设置(文本): 显示在数据标签或鼠标提示标签中的内容。

将数据集字段拖拽至对应的绑定区域,即可完成图表的数据绑定。如下图所示。

图表绑定数据.gif


此时一个简单的图表已经基本制作完成。

后续章节将为您介绍如何为图表添加其他的属性设置,使其更便于阅读和使用。