关于可视化大屏的一些经验
前言：最近需要做一个可视化的大屏，首先想到的是 技术的选型：vue+ECharts(毕竟用的比较熟练)；其次考虑到浏览器的兼容，在三考虑下 使用VUE + ECharts +Datav(datav.jiaminghi.com/)
(全部都是以CDN的形式引入)
遇到的问题
首先记住这句话：
兼容性
组件库的开发和调试都使用Chrome浏览器，没有时间和精力做其他浏览器的兼容，尤其是IE。
所以请使用Chrome浏览器。
开始编写代码
首先写入全局容器（“数据可视化页面一般在浏览器中进行全屏展示，全屏容器将根据屏幕比例及当前浏览器窗口大小，自动进行缩放处理。浏览器全屏后，全屏容器将充满屏幕”）
<dv-full-screen-container>content</dv-full-screen-container>
在这里需要注意的是：使用全局容器会遇见你想不到问题，比如：使用绝对定位和相对定位，会影响布局；毕竟Datav 使用的是flex布局；
使用边框 （边框内布局）
边框组件默认宽高均为100%，边框内部的节点将被slot插槽分发至边框组件下class为border-box-content的容器内，如有布局需要，请针对该容器布局，以免产生样式冲突，导致边框显示异常。
但是 边框均由SVG元素绘制，体积轻量不失真，它们的使用极为方便
<dv-border-box-1 :color="['red', 'green']" backgroundColor="blue" >dv-border-box-1</dv-border-box-1>
又是一个坑：
使用边框以后 我里面嵌套的图片我设置的宽高 有些失真；而且效果也不是 我所想要的效果，然后设置行内样式 生效以后在浏览器上 错位；解决方法 ：不使用 边框；自己写一个DIV 进行嵌套；
排名轮播表
排名轮播表同轮播表类似，也可以选择单条轮播或整页轮播。
我是用的单条轮播
<dv-scroll-ranking-board :config="config" style="width:500px;height:300px" />
在这一定要注意必须设置宽度和高度 高度使用百分比不好使（不知道是不是我没有找对方法）
以上是我编写可视化大屏用到的技术 以及框架；如果编写错误请及时通知小编；进行修改；第一次写可视化大屏，还请大家多多指教，指出不足之处。欢迎留言，讨论
