API数据源图表制作

本章介绍API数据源图表制作

一、数据源图表的制作

示例api:http://api.jeecg.com/mock/51/age 返回的数据格式 ···

[
  {
    "value": 335,
    "name": "18-30"
  },
  {
    "value": 310,
    "name": "31-40"
  },
  {
    "value": 234,
    "name": "41-50"
  },
  {
    "value": 135,
    "name": "51-60"
  },
  {
    "value": 135,
    "name": "65岁以上"
  },
  {
    "value": 1548,
    "name": "未标明"
  }
]

···

1、点击设计进入仪表盘设计页面

2、新建数据集

1）鼠标移动右上角，点击数据集管理

2）进入页面后，新增配置数据集信息

3）保存后页面即可看到新建的数据集

3、图表配置，例如饼状图

1）选择要渲染的图表

2）鼠标移入，点击右上角编辑，出现右侧配置项区域

3）切换到数据tab下，修改数据源类型为动态数据

4）选择要使用的数据集

5）配置字段和图表的映射关系，具体详情可查看对应的图表组件介绍

6）此时，一个API数据源的图表就制作完成