[{"id":"bcb0874d-299b-448e-9552-9e9b25ef80dd","tags":[{"product":null,"links":null,"id":"ba7e818e-4f6b-4211-b1ac-58e3bafcf439","name":"\u66F4\u65B0","color":"orange","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"ae60ae59-34f5-4f32-a8eb-243ed1457543","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3d4848c3-910f-4ffa-9153-60bb507334a9","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"133f4ca6-d951-4d65-a618-3dc6301266f7","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2426c71d-8332-4cbd-a436-1ec4f8666464","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2ce7b6b0-78aa-4e4b-bf8a-e4ba2f988298","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"4706db46-0811-4652-8f59-1e0a1da84758","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8f1271bb-2cd9-4f39-9897-c15b239ee7ab","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"677e13a7-6f3e-449f-986c-2c3a26f8d54f","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"5e40f6dc-caec-49d7-a1d0-be65f06815ba","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2457f0e0-9e71-4860-a87d-065e0fb84f84","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5c67fd0-1145-482c-9113-97b492c44c18","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"a609a8fa-ab91-4c1d-a1c3-d209d0463303","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"b4a9eb15-94e5-48df-b218-a24138f0cf9c","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轴组合图

image

2. 选择图表类型

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

image

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

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

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

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

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

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

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

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

  • 仪表盘

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

type=info

提示

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

3. 绑定数据

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

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

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

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

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

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

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

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

图表绑定数据.gif


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

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