V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
oatlmy
V2EX  ›  问与答

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

  •  
  •   oatlmy · 2019-12-05 09:59:28 +08:00 · 1721 次点击
    这是一个创建于 1576 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
    7 条回复    2019-12-06 13:45:13 +08:00
    wangmn
        1
    wangmn  
       2019-12-05 10:20:07 +08:00
    几个竞品:百度的 sugar, 阿里的 datav, 腾讯的云图
    oatlmy
        2
    oatlmy  
    OP
       2019-12-05 11:23:12 +08:00
    @wangmn 谢谢。这几个关注过,确实蛮不错的。不知道怎么实现的,wappalyzer 插件看到 D3 这样子的引擎,还没用过,准备学习下试试看
    ljpCN
        3
    ljpCN  
       2019-12-05 13:26:19 +08:00 via Android
    没理解楼主的需求,是要做一个可以拖拽生成数据库可视化大屏的系统?
    mlhorizon
        4
    mlhorizon  
       2019-12-05 15:38:02 +08:00
    感觉够强大,但是跑起来浏览器负担好重啊。
    有没有轻量点的开源的介绍。
    oatlmy
        5
    oatlmy  
    OP
       2019-12-06 09:28:04 +08:00
    @ljpCN 有些类似。在物联网领域基本管这些叫做组态。就是用户可以在编辑界面自行拖拽仪表盘等组件,然后对组件进行配置,比如这个组件的数据来源是哪个设备的。然后就可以发布这个组态应用。发布以后访问特定的网址就可以看到动态的图表数据了。
    想做的就是这样的组态系统。
    oatlmy
        6
    oatlmy  
    OP
       2019-12-06 09:36:57 +08:00
    @mlhorizon 我也想知道呀,,,应该 d3 + svg + fabric 可以实现
    ljpCN
        7
    ljpCN  
       2019-12-06 13:45:13 +08:00
    @oatlmy d3 这样的数据可视化引擎应该肯定是没毛病,不过也许 echarts 这样的可视化图表成品更能速成
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5276 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 09:18 · PVG 17:18 · LAX 02:18 · JFK 05:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.