经理给我分配了可视化大屏数据项目,我看了好多组件库和去百度搜索,最后总结出几种比较好用的组件库来介绍一下,国外版本的我就直接抛弃了(英语1级)

1.Echarts官方网址

他是百度团队开源的,反正是老牌图表插件工具了,里面有许多图表。

不过感觉太死板,不好看,但是问了一些前辈,他们都推荐的这个,直到后来我在度娘找到了下面这个文档改变了我对Echarts的看法。

2022.4.2   今天在使用MakePie发官方的服务器关闭了 ,我去百度了一下,有网友备份了一份放在了自己的服务上,有需求的也可以自行百度一下,下面我放两个镜像地址 ,镜像资源1,镜像资源2

2.MakeAPie官方网址 (官方服务器已关闭)

这个应该是Echarts的社区吧,里面的图表都是基于Echarts的。五颜六色种类挺多的。

3.DataV官方网址

这个是专门为大屏应运而生的组件库,里面的一些边框装饰也很好看,都是动态的装饰,看起来更加炫酷。(但是图表相对较少,我们可以插入echarts来使用)

组件库的开发和调试都使用Chrome浏览器,没有时间和精力做其他浏览器的兼容,尤其是IE。

所以请使用Chrome浏览器。

4.AntV官方网址

蚂蚁集团的组件库,有专业的团队维护开发,图表也是比较全的。

G2官方网址

G6官方网址

5.highcharts 官方网址

描述:兼容IE6+,完美支持移动端,图表类型丰富,方便html5交互性图标库

最后我用的只有DataV和Echarts社区做了一个模板,来展示一下效果。

小伙伴们可以自己去尝试一下,如果有说的不对的地方欢迎指正!最后,点击我的头像可以查看更多前端内容。

前端几种可视化大屏组件库图表插件介绍相关推荐

  1. 前端笔记:可视化大屏

    数据可视化,可以让我们的眼睛对数据有一个更加直观的感知.而可视化大屏,更会给人带来一种高大上的.酷炫的.有科技感的感觉.尤其是在科技行业.投资行业.上市企业,可视化大屏用得比较多.下图是我制作的一份可 ...

  2. 前端 vue 在可视化大屏领域的工作实践

    导读:最近入职了一家互联网公司,主要是做物联网及互联网解决方案方向,我上来就接手了这个项目,是一个可视化管理地图,主要用于某国企物业的安全预警的职能,说来也比较倒霉,刚来这公司,公司做这个项目的前端和 ...

  3. 0基础怎么做可视化大屏?2种可以节省95%时间的方法教给你

    如今的可视化大屏已结束快速发展的阶段,逐步趋于稳定.但对于零基础的小白来说,做可视化大屏这件事,本身还是会存在着一定的困难. 比如说,不知道怎么连接数据库,连接完后一旦数据口径发生明显的改变,或是数据 ...

  4. 思迈特软件Smartbi数据可视化大屏设计经验分享

    大数据时代,我们最常听到的一句话就是"用数据说话".但数据本身是冰冷的数字,它很难直接告诉我们哪些数据是有价值的信息.只有通过合适的可视化工具来进行数据的展示表达,才可以使传递给使 ...

  5. 用8小时,找到了200张可视化大屏模板,你可以直接用

    原文链接:https://blog.csdn.net/yuanziok/article/details/107857222 2020年了,还有人不会可视化大屏? 我以前不止一次给各位看过可视化大屏,无 ...

  6. 数据可视化大屏设计步骤,有3步流程

    数据可视化大屏设计步骤,有3步流程 大屏工程师经常碰到那样的窘境:竭力设计方案的大屏,数据精确.視覺酷炫,可是用户满意度一般.究竟哪些的大屏才算是客户必须的呢?回答是:重点突出.层级清楚.怎样设计那样 ...

  7. 可视化大屏原型图解决方案附axure可视化组件库

    现在越来越多的数据展示方式采用了可视化大屏的策略,对数据项进行图表或者动态的展示.在没有产品原型的情况下,怎么制作一个简易的原型呢? 这里提供三种方式制作简易demo: 第一种:原生html+js实现 ...

  8. Axure RP大数据BI可视化大屏原型模板及通用组件库

    对于做大数据交互原型设计时,需要做到很多背景很科技背景,数据统计汇总组件.Axure RP大数据可视化大屏原型模板及通用组件库主要结构由大屏模板.登录界面.入口界面.初始框架.图表组件.设计组件等六大 ...

  9. 可视化大屏的几种适配方案

    对于可视化大屏项目而言,我们主要需要考虑下面两个问题: 首先是div元素的适配,需要保持每个div元素在不同分辨率的屏幕下依然会显示正常的比例,不会因为不同分辨率的屏幕而变得拉伸变形: 第二个要考虑的 ...

最新文章

  1. BZOJ 3211: 花神游历各国
  2. ios地图小例子和手势的使用 供大家参考一下呦
  3. oracle数据库时分秒格式_Oracle如何输出指定格式的日期时间数据呢?
  4. 事务ACID理解复习
  5. Java多线程——FutureTask源码解析
  6. 开发指南专题九:JEECG微云快速开发平台-表单校验组件ValidForm
  7. Spring+MyBatis多数据源配置实现
  8. python 去除水印_python 利用opencv去除图片水印
  9. 如何在M1上运行较早的非本机Intel x86应用
  10. 一个程序员眼中的项目经理
  11. MMORPG游戏框架图
  12. 2008年9月23号,星期二,晴。博观而约取,厚积而薄发。(苏轼)
  13. 如何快速入门Spring Cloud
  14. 关于学期结束的一些题目的记录
  15. 医疗器械A类B类C类物料区分
  16. 数学分析_Tom M.Apostol 定理7.6 用阿贝尔变换证明Riemann-Stieltjes积分的分部积分公式...
  17. qt获取文件 图片大小
  18. 如何构建用户画像,给用户打“标签”?
  19. 你不知道的Redis数据结构
  20. [晓说]程序员的十层楼

热门文章

  1. 【01trie】【启发式合并】P6072 『MdOI R1』Path
  2. mysql中复合索引语法_MySQL 复合索引
  3. PHP学习笔记 PHP基本语法——PHP开始和结束标记PHP指令分隔符PHP注释PHP空白符处理
  4. redis数据类型之zset(有序列表)
  5. [脑洞]复杂页面构建方法
  6. 一致性哈希(数据分库场景)
  7. 路由器转发原理以及路由表的构成
  8. linux加静态路由命令,linux 添加静态路由
  9. 我和计算机比本领教案反思,小学二年级语文《比本领》知识点、教案及教学反思...
  10. 基于Scrapy框架的简单爬虫