V1
V1

图表

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

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

如何使用图表, 包含单价,库存和类别名称字段的数据源。

创建报表布局

  1. 在设计器中添加 图表 控件。
  2. 在属性窗口 横轴纵轴的绘图区域会自动指定为“绘图区域1”
  3. 选择 ,在元素管理中选择, 选择图表1 ,并设置属性如下:
    a. 选择 绘图区域 后,查看属性设置 点击 常规选项中的坐标轴,选择添加项目
    b. 选择数据绑定后,将 CategoryName 字段拖拽到 图表设计界面的分类中 c. 将字段UnitsInStockUnitsPrice拖拽到图表的数据字段中。请注意,UnitsInStock字段将添加到数据字段中。
  4. 这样基本的图表样式就出来了

指定轴数据, 标签及图例

  1. 在界面中, 选择 纵轴 - [绘图区域 1].
  2. 设置 标题 > 直接输入 UnitsInStock.
  3. 同上,设置 纵轴标题 - [绘图区域 1]] 设置标题 > 输入UnitsPrice .
  4. 设置 坐标轴标签 > 数据格式 为 货币。
  5. 选择横轴,也是同上。设置标题为分类名称 Category Name.

添加图表标题

  1. 选择图表标题,
  2. 在标题属性中输入 Products,现在图表如下:
  3. 点击预览按钮,预览效果