导语

动态数据源接入后，如果需要开发对应的图表，那么又该如何操作呢？

如下几步：

1、明确需要开发的图表类型，参考组件使用指南模块中对应图表的动态接口示例；

2、开发对应的动态接口API；

3、开发组件

需求

需要开发一个柱状图展示张三李四的订单信息

实现

1、查看柱状图需要的动态接口格式

2、根据要求开发对应的API

sql：SELECT T.goumairen AS T_KEY,T.shoukuanjine AS T_VALUE FROM admin_20220512_22152720220512xiaoshoudingdan T

数据源ID：237bd6922e8947474687e8f01aa96eb0

3、新增一个大屏

4、拖动一个柱状图

5、数据属性中选择接口，填写接口地址

格式：http://qxsdcloud.com:3389/shejiqi/sjq/data/XY?ApiCode=API编码

http://qxsdcloud.com:3389/shejiqi/sjq/data/XY?ApiCode=zzt_shouw_order_info

6、点击右上角预览，查看大屏

如果样式不喜欢，则可以在属性中设置对应的样式属性

数据可视化大屏是公认的最直观，最有效的信息传递方式，以前用Echarts等第三方组件做大屏开发的，会发现：尽管它们提供了许多的图表元件和JS代码，但是由于每个用户的需求都不一样，大屏开发仍然需要改很多代码，耗费不少时间。基于拖拉拽的方式可用于业务数据的快速分析，制作仪表盘，也可构建可视化大屏。

更详细教程请关注公众号：小南瓜开发平台

视频教程：

1、excel数据准备https://www.bilibili.com/video/BV1AP4y1F7KN/

2、excel导入数据自动生成增删改查API及使用https://www.bilibili.com/video/BV1aY4y1t7QZ/

3-1.文本框的使用https://www.bilibili.com/video/BV1yu41167p1/

3-2.文本框的外部API使用https://www.bilibili.com/video/BV1eg411d7YR/

4.走马灯https://www.bilibili.com/video/BV1aT4y1z74R/

5.按钮https://www.bilibili.com/video/BV1RZ4y187zv/

6.酷炫装饰https://www.bilibili.com/video/BV1gR4y1w7je/

7.数字翻牌器https://www.bilibili.com/video/BV1SU4y1m7Dd/

8.进度池https://www.bilibili.com/video/BV1TU4y1U7q2/

9.iframe       https://www.bilibili.com/video/BV1Rr4y1x7PP/

10.胶囊柱状图https://www.bilibili.com/video/BV1RB4y1y7og/

11.柱状图https://www.bilibili.com/video/BV1Za411f7YZ/

12.立体柱状图https://www.bilibili.com/video/BV1o34y177HY/

13.饼图https://www.bilibili.com/video/BV1vB4y1977T/