V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
hunk
V2EX  ›  程序员

想做一个监控类的图表动态更新页面,有啥轮子可以复用?

  •  
  •   hunk · Feb 21, 2017 · 6839 views
    This topic created in 3355 days ago, the information mentioned may be changed or developed.
    想做一个图表页面,数据动态更新,初步考虑数据定时生成 json 文件,方便缓存,前后端可以分离。
    vue 很流行,图表想用 highchart 试试,数据方便没想好,除了 mysql 保存时间序列类数据还适合用啥?
    项目是朋友一起做的,一半使用,一半想练手,只是想做的漂亮些。
    18 replies    2022-01-14 09:51:54 +08:00
    star29
        1
    star29  
       Feb 21, 2017
    目前用 Echarts ,要相信国产的会更好的
    Allianzcortex
        2
    Allianzcortex  
       Feb 21, 2017
    一直用 HighCharts 的路过。。 http://allianzcortex.me/2016/09/08/Data-Visualize-With-Flask-And-Highcharts/ 动态更新的话应该是 Ajax 监控后端数据变化吧?
    BlueWolf
        3
    BlueWolf  
       Feb 21, 2017
    时间序列数据,可用 influxdb
    gwind
        4
    gwind  
       Feb 21, 2017
    参考下 grafana , 先前一直想用 D3.js , 后来发现 D3 直接写还是要求很高的。有很多基于 D3 的好项目, LZ 可以找找看。
    jimzhong
        5
    jimzhong  
       Feb 21, 2017
    用过 highcharts+websocket 实现动态更新。用 addpoint 就好了
    gwind
        6
    gwind  
       Feb 21, 2017   ❤️ 1
    @BlueWolf influxdb 非常优秀,一直在用,另外也可以考虑 Elasticsearch
    BlueWolf
        7
    BlueWolf  
       Feb 21, 2017   ❤️ 1
    @gwind ElasticSearch 做时间序列数据存储时,需要配置下 mapping ,关闭 all 和 source ,操作稍微复杂些,不能“开箱即用”;不过好处是可以分布式、多副本
    gwind
        8
    gwind  
       Feb 21, 2017
    @BlueWolf 是的, influxdb 做到了开箱即用。
    influxdb 的“定义”了时序数据库。 Elasticsearch “定义”了搜索。
    实际应用要看项目需求去搭配,各有擅长的领域,但也有交集,所以 grafana 才同时支持这两种类型的 datasource (他们各自还有个应用堆栈: TICK 和 ELK )
    tedzhou1221
        9
    tedzhou1221  
       Feb 22, 2017 via iPhone
    百度 echarts
    superdong
        10
    superdong  
       Feb 22, 2017
    我记得不久前,可能是十几个小时前有个 V 友就造了 Vue2.0 +某 charts 的轮子。
    可惜我竟然找不到了,找不到了…… Google 大法都不管用,估计还没被收录。
    (借楼一用,搭车问一下,那个帖子的地址,我仿佛是失忆了,后悔当时没及时点开帖子看内容)
    hunk
        11
    hunk  
    OP
       Feb 22, 2017
    @star29 国产的是好,使用略复杂,也是看了 v2 朋友的反馈,用 highchart 比较全面。偷懒。
    @Allianzcortex js 刷新获取数据,还是很方便的,后端生成 js 数据。
    @BlueWolf 谢谢,也在纠结要不要尝试 influxdb ,毕竟还有些数据库需要保存, mysql 恐怕也少不了。涉及 2 种以上的数据库,要不要试试呢。。。
    @gwind 谢谢, grafana 先收藏着,以后慢慢看。
    @jimzhong websocket 是个新思路,一直想的简单,直接刷新呢,数据少,效率上还顶的住。
    @gwind Elasticsearch 比较重,目前感觉没必要上。数据是一方面,图表还是想漂亮点,能自己控制比较好。
    hunk
        12
    hunk  
    OP
       Feb 22, 2017
    我想存储的是心跳,体温等健康数据, influxdb 是否能永久保存,是否需要再存一份在 mysql 中?
    yonoho
        13
    yonoho  
       Feb 22, 2017
    influxdb 据说很好用,单机很快。我们用的 opentsdb 集群,感觉专用的时间序列数据库在使用上还是更加方便的,尤其应对复杂查询的时候,可以少造很多轮子。

    凡是叫做 db 的东西,持久化都是没问题的,不用考虑 mysql 了我感觉。
    lIlIlIlIlIlIlIlI
        14
    lIlIlIlIlIlIlIlI  
       Feb 22, 2017
    感觉动态数据方面, highcharts 比 echarts 的数据结构更清晰
    LeeSeoung
        15
    LeeSeoung  
       Feb 23, 2017
    Justineo
        16
    Justineo  
       Feb 23, 2017
    用 Vue + ECharts 的话,可以试试我这个: https://justineo.github.io/vue-echarts/demo/
    superdong
        17
    superdong  
       Feb 24, 2017
    @LeeSeoung 应该不是这个,我记得是用 Vue2.0 做的
    可能是这个 https://github.com/hchstera/vue-charts
    @Justineo 你的也不错
    simeon
        18
    simeon  
       Jan 14, 2022
    @hunk 楼主还在做这类的开发嘛?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   983 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 51ms · UTC 23:03 · PVG 07:03 · LAX 16:03 · JFK 19:03
    ♥ Do have faith in what you're doing.