一个前端学习可视化数据的自述(一)

一个前端学习可视化数据的自述(一)

   首先说明一下 数据可视化(可视化数据)的概念:是指将大型数据集中的数据以图形图像形式表示,并利用数据分析和开发工具发现其中未知信息的处理过程。

  刚进入公司的时候,我其实一开始也不是怎么懂可视化数据,,后来接触之后,自己的感觉就是,对echarts图表的大量应用,也学习了一些数据可视化的工具。

我自己用的可视化数据工具:

eg:DataV: Vue(React) 大屏数据展示组件库  链接:http://datav.jiaminghi.com/

     这个组件库还是比较好用的,虽然组件不是很齐全,但是可以结合echarts图表来做一些类似科技风的大屏数据,

       AntV: 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。 链接:https://antv.vision/zh

      antV中也有一些分类比如:G2、F2、G6等等, 蚂蚁金服自己弄的,咱也不多说,大家都懂。

    用的最多的可能就是 Apache ECharts  一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。  链接:https://echarts.apache.org/zh/index.html      当然 echarts 其中还有一个资源库 ECharts 图表的平台 Gallery  

相对来说,我接触最多的就是echarts图表了,一方面是公司的项目需要用到,另一方面是我也接触过,但不深入。而且这个是原生的图表库,在html+css+jq的项目中可以直接套用,没有datav组件库的灵活,当然也可以自己封装组件,嵌套使用。其实echats图表用熟练了,搞项目还是很舒服的。

接下来就是学习echats图表方面的东西了,

我一般都是先学习配置想开始的:

接下来就是api方面

这些东西前期可以了解知道,也可以深入,根据个人喜好吧,最后就是echarts图表的示例

    好了,今天就先到这里,后续继续深入了解一般情况下项目中常用的图表。(大佬随意,请不要喷。)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值