V1
V1

图表

ActiveReportsJS 设计器中, 您可以使用 图表 控件展示数据可视化。 图表控件提供了多种图表类型,可根据实际需要选择不同图表类型来展示。

图表数据区域根据您选择的图表类型以不同方式显示一系列点。 有关图表类型的更多信息,请参阅 图表类型

本节主要分享了如何使用图表控件,如下是图表的制作思路:

操作步骤

  • 1. 添加图表组件
    在工具箱中,通过单击鼠标左键或拖拽,将图表组件放置在报表设计区域。

  • 2. 选择图表类型 报表中提供了多种图表类型,单击“图表”下的“图表类型”,选择一种图表类型。这里我们使用堆积柱形图。 报表中支持的图表类型包含:

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

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

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

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

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

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

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

  • 3. 绑定数据 选中图表组件后,会在图表上方、下方和右方显示三个字段绑定区域:数据字段、分类和详细设置。
  • 数据字段:表示数值的大小,对应的是Y轴的要显示的数值。
  • 分类:表示数据按什么进行分类显示,对应的是X轴要显示的数值;
  • 详细设置(明细):即每个分类下细分为哪些系列,对应的是图例;
  • 详细设置(颜色):即颜色按哪个字段划分,绑定后将显示图例。
  • 在数据绑定面板中选择数据集中需要使用的字段并分别拖拽至对应的绑定区域,即可完成图表的数据绑定。

此时一个简单的图表已经基本制作完成,可以点击预览。