关于可视化拖拽和发送 API 请求的问题

[oatlmy]

1. 下面这个 demo，他的组态效果真好啊： http://www.hightopo.com/demo/ht-excavator/

2. 组态我理解为可视化拖拽 + 动态数据请求，目前有如下信息： a) svg：常见实现都会包含 svg 这种格式； b) 可视化拖拽框架，比如 fabric.js ； c) 涉及到 canvas 的知识；

3. 最终想实现的效果如下面链接示意图： https://zhoutao-test.oss-cn-hangzhou.aliyuncs.com/UTOOLS1575509886476.png 制作好后，发布这个演示网站，然后图表等组件会根据配置来发送 API 请求并获取数据进行渲染。

目前没有很清晰的思路，只能做到制作好几种 svg 图，然后在可视化编辑界面中拖拽进来，拖进来放开后就发送一个 API 请求。

所以想问下大家有没有了解过 可视化拖拽 + API 请求的，有没有思路？ 还看到一些工具：

1. TweenMax
2. D3

[wangmn]

几个竞品：百度的 sugar， 阿里的 datav， 腾讯的云图

[oatlmy]

@wangmn 谢谢。这几个关注过，确实蛮不错的。不知道怎么实现的，wappalyzer 插件看到 D3 这样子的引擎，还没用过，准备学习下试试看

[ljpCN]

没理解楼主的需求，是要做一个可以拖拽生成数据库可视化大屏的系统？

[mlhorizon]

感觉够强大，但是跑起来浏览器负担好重啊。
有没有轻量点的开源的介绍。

[oatlmy]

@ljpCN 有些类似。在物联网领域基本管这些叫做组态。就是用户可以在编辑界面自行拖拽仪表盘等组件，然后对组件进行配置，比如这个组件的数据来源是哪个设备的。然后就可以发布这个组态应用。发布以后访问特定的网址就可以看到动态的图表数据了。
想做的就是这样的组态系统。

[oatlmy]

@mlhorizon 我也想知道呀,,,应该 d3 + svg + fabric 可以实现

[ljpCN]

@oatlmy d3 这样的数据可视化引擎应该肯定是没毛病，不过也许 echarts 这样的可视化图表成品更能速成