【可视化大屏系列】DataV的使用

以下内容为近期个人学习总结,若有错误之处,欢迎指出!

可视化大屏开发系列——DataV的使用

  • 一、介绍
  • 二、注意事项
    • 1、技术支持
    • 2、兼容性
    • 3、状态更新
  • 三、实现效果
  • 四、使用(在vue2项目中)
    • 1.npm安装
    • 2.main.js中引入
    • 3.开启愉快地玩耍
      • (1)全屏容器
      • (2)边框
      • (3)装饰
      • (4)图表
      • (5)其它图表推荐
        • A.水位图
        • B.轮播表
        • C.胶囊柱图
        • D.排名轮播表
        • E.锥形柱图

一、介绍

DataV是一款用来做大屏数据展示的组件库,开源免费,配置简单,视觉效果还是很不错的,提供精美的边框和装饰、常见图表(如:仪表盘、折线图、柱状图、饼状图、雷达图)、及其它数据展示样式(如:水位图、轮播表、飞线图等),非常推荐使用。
官网地址:http://datav.jiaminghi.com/

二、注意事项

1、技术支持

DataV提供的功能的实现,官网支持Vue2和ReactVue3还只能使用边框和装饰

2、兼容性

组件库的开发和调试都使用Chrome浏览器,所以要使用Chrome浏览器哦;

3、状态更新

(后面代码里会详述这种情况)
组件更新数据后,状态可能出现不刷新情况,原因及解决办法:
组件props未设置deep监听࿰

你可能感兴趣的:(可视化大屏系列,可视化大屏,数据看板,DataV)