### **适用于:多数据对比柱形图、正负条形图、堆叠柱形图、堆叠条形图、多数据条形柱形图**
#### **1. SQL数据**
使用SQL形式,可直接连接数据库,将SQl种的数据筛选并显示在图表上。
点击报表编辑器右侧的操作栏,点击“数据”,选择"数据类型"为“SQL数据集”,按步骤操作即可,下边讲解一下各个参数的意思:
* 绑定数据集:是左侧绑定过的数据集,可选择任意一个SQL类型的数据集;
* 分类属性:是X轴绑定数据库的字段;
* 值属性:是Y轴绑定数据库的字段;
```
category:可设置为分类属性;
value:可设置为值属性;
series:可设置为系列属性;
```
### **数据库配置字段如下:**


#### **2. 静态API数据**
报表绑定的数据可以是静态API的形式。
点击报表编辑器右侧的操作栏,点击“数据”,选择"数据类型"为“Api数据集”,“Api类型”选择“静态数据”,点击“数据值”,输入静态类型即可,如:
```
[
{"name":"周一","value":320,"type":"直接访问"},
{"name":"周二","value":332,"type":"直接访问"},
{"name":"周三","value":301,"type":"直接访问"},
{"name":"周四","value":334,"type":"直接访问"},
{"name":"周五","value":390,"type":"直接访问"},
{"name":"周六","value":330,"type":"直接访问"},
{"name":"周日","value":320,"type":"直接访问"},
{"name":"周一","value":120,"type":"邮件营销"},
{"name":"周二","value":132,"type":"邮件营销"},
{"name":"周三","value":101,"type":"邮件营销"},
{"name":"周四","value":134,"type":"邮件营销"},
{"name":"周五","value":90,"type":"邮件营销"},
{"name":"周六","value":230,"type":"邮件营销"},
{"name":"周日","value":210,"type":"邮件营销"},
{"name":"周一","value":220,"type":"联盟广告"},
{"name":"周二","value":182,"type":"联盟广告"},
{"name":"周三","value":191,"type":"联盟广告"},
{"name":"周四","value":234,"type":"联盟广告"},
{"name":"周五","value":290,"type":"联盟广告"},
{"name":"周六","value":330,"type":"联盟广告"},
{"name":"周日","value":310,"type":"联盟广告"}
]
```
备注:代码格式按上边格式写,才可渲染效果;

#### **3. 动态API数据**
绑定的数据也可以是动态API的形式。
点击报表编辑器右侧的操作栏,点击“数据”,选择"数据类型"为“Api数据集”,“Api类型”选择“动态数据”,选择“绑定数据集”,点击“运行”,就可以将数据渲染过来,代码如:
```
备注:
支持多数据源对比柱形图、堆叠条形图、条形柱状图;
{
"data": [
{
"name": "周一",
"value": 1000,
"type": "iphone"
},
{
"name": "周二",
"value": 1300,
"type": "iphone"
},
{
"name": "周三",
"value": 1400,
"type": "iphone"
},
{
"name": "周四",
"value": 1080,
"type": "iphone"
},
{
"name": "周五",
"value": 2000,
"type": "iphone"
},
{
"name": "周一",
"value": 1300,
"type": "huawei"
},
{
"name": "周二",
"value": 1600,
"type": "huawei"
},
{
"name": "周三",
"value": 1800,
"type": "huawei"
},
{
"name": "周四",
"value": 2000,
"type": "huawei"
},
{
"name": "周五",
"value": 3000,
"type": "huawei"
},
{
"name": "周一",
"value": 1100,
"type": "xiaomi"
},
{
"name": "周二",
"value": 1200,
"type": "xiaomi"
},
{
"name": "周三",
"value": 1300,
"type": "xiaomi"
},
{
"name": "周四",
"value": 1400,
"type": "xiaomi"
},
{
"name": "周五",
"value": 1500,
"type": "xiaomi"
},
{
"name": "周一",
"value": 1000,
"type": "vivo"
},
{
"name": "周二",
"value": 1000,
"type": "vivo"
},
{
"name": "周三",
"value": 1000,
"type": "vivo"
},
{
"name": "周四",
"value": 1000,
"type": "vivo"
},
{
"name": "周五",
"value": 1000,
"type": "vivo"
}
]
}
```
备注:代码格式按上边格式写,才可渲染效果;

##### **5、特别配置**
(1)**堆叠条形图** 和 **堆叠柱形图** 数据源配置
数据源格式跟 **b)** 中一样,需要配置一下系列类型:
点击下图1中的“新增”按钮,弹出系列新增弹窗,如图2;图2中“系列”为我们设置的系列类型,“堆栈类型”可以我们自己设置,目的系列分组,比如图1是将“邮件营销”、“联盟广告”分为一组,“百度”、“谷歌”、“必应”分为一组,“直接访问”自己一组;




(2)**条形柱状图** 单数据源配置
**只需要把type值配置成一样的;**
```
{
"data": [
{
"name": "苹果",
"value": 1000879,
"type": "vivo"
},
{
"name": "三星",
"value": 3400879,
"type": "vivo"
},
{
"name": "小米",
"value": 2300879,
"type": "vivo"
},
{
"name": "oppo",
"value": 2400879,
"type": "vivo"
},
{
"name": "大疆",
"value": 3000,
"type": "vivo"
},
{
"name": "抖音",
"value": 9000,
"type": "vivo"
}
]
}
```


(3)**正负条形图** 数据源配置
正负条形图的数据源格式跟上边一样,需要注意的是:在配置“**系列类型**”的时候,系列类型字段一样的在一行;
如下图1中,将“收入”和“支出”的类型值设置成一样的,就会在同一行;




- 项目介绍
- 常见问题
- 集成文档
- 快速集成
- 示例Demo
- bak
- 快速集成1.0.1
- 支持系统变量
- 快速入门
- 整体页面布局介绍
- SQL数据源报表制作
- SQL数据源报表带参制作
- API数据源报表制作
- API数据源报表带参制作
- 如何从0到1创建一个大屏
- API接口数据格式适配
- 操作手册
- 报表设计器(类Excel)
- 一、基本操作步骤
- 1 登录
- 2. 创建报表
- 3. 编辑报表
- 4. 背景设置
- 5. 复制、粘贴、剪切
- 6. 行操作
- 7. 添加数据源
- 8. 添加数据集
- 8.1 SQL数据集配置
- 8.2 API数据集配置
- 8.3 单数据集配置
- 8.4 多数据集配置
- 9. 插入数据
- 10. 数据格式化设置
- 11. 数据字典配置
- 12. 导入报表
- 13. 导出报表
- 14. 分页设置
- 15. 将报表集成到自己的系统中
- 二、打印设计器
- 1. 打印区域设置
- 2. 打印清晰度设置
- 3. 打印
- 4. 打印机样式设置
- 5. 套打怎样设置
- 6. 带背景打印
- 7.打印规则说明【重点】
- 三、数据报表设计器
- 1. 分组
- 1.1 横向分组
- 1.2 纵向分组
- 1.3 循环表头分组
- 1.4 分组小计
- 2. 表达式
- 3.查询条件
- 3.1 API查询条件配置
- 3.2API查询条件为时间
- 4.条形码/二维码
- 5.交叉报表
- 6、明细表
- 四、图表设计器
- 1. 基本配置
- 1.1 图表背景设置
- 1.2 图表动态刷新
- 2. 柱形图配置
- 数据源配置
- a)单数据源配置
- b)多数据源配置
- 3. 折线图配置
- 数据源配置
- a)单数据源配置
- b)多数据源配置
- 4. 饼图配置
- 数据源配置
- 5. 折柱图配置
- 数据源配置
- 6. 散点图配置
- 6.1 普通散点图数据源配置
- 6.2 气泡散点图数据源配置
- 7. 漏斗图配置
- 数据源配置
- 8. 象形图配置
- 数据源配置
- 9. 地图配置
- 地图区配置
- 数据源配置
- 10. 仪表盘配置
- 数据源配置
- 11. 雷达图配置
- 数据源配置
- 12. 关系图配置
- 数据源
- 五、系统集成
- 连接池参数配置
- 大屏设计器
- 一、基础操作
- 1. 登录
- 2. 新建大屏
- 3.修改大屏
- 4. 预览、保存
- 5. 画布介绍
- 6. 添加组件
- 7. 调整组件的图层和位置
- 8. 其他操作
- 9. 将大屏集成到自己系统中
- 二、组件使用说明
- 1 背景配置
- 2 图表类组件
- 2.1 柱形图组件
- 数据源配置
- 2.2 折线图组件
- 数据源配置
- 2.3 饼图组件
- 数据源配置
- 2.4 环形图组件
- 数据源配置
- 2.5 象形图组件
- 数据源配置
- 2.6 雷达图组件
- 数据源配置
- 2.7 散点图组件
- 数据源配置
- 2.8 漏斗图组件
- 数据源配置
- 2.9 折柱图
- 数据源配置
- 3 文本类组件
- 3.1 文本框组件
- 3.2 跑马灯组件
- 3.3 超链接组件
- 3.4 实时时间组件
- 4 图片类组件
- 4.1 图片组件
- 数据源配置
- 4.2 图片框组件
- 4.3 轮播图组件
- 数据源配置
- 4.4 滑动组件
- 数据源配置
- 4.5 iframe组件
- 数据源配置
- 4.6 video组件
- 数据源配置
- 5 指标类组件
- 5.1 翻牌器组件
- 数据源配置
- 5.2 仪盘表组件
- 数据源配置
- 5.3 字符云组件
- 数据源配置
- 5.4 进度条组件
- 6 表格类组件
- 6.1 表格组件
- 数据源配置
- 6.2 选项卡组件
- 数据源配置
- 7 地图类组件
- 7.1 地图组件
- 数据源配置
- 7.2 地理位置坐标图
- 数据源配置
- 7.3 城市派件地图
- 数据源配置
- 7.4 物流地图
- 数据源配置
- 8 万能组件
- 8.1 堆叠条形图
- 8.2 正负条形图
- 8.3 双向对比柱形图
- 8.4 圆形柱形图
- 8.5 嵌套饼图
- 8.6 矩形树图
- 8.7 k线图
- 三、系统集成
- 大屏访问Token安全方案
- 视频教程