BI项目实战
文章平均质量分 53
本栏有BI项目相关应用技术
JessicaLilyAn
热爱技术的小女子一枚,一直成长,梦想成为大牛。
展开
-
BI项目第三方资料
一、效果图由于屏幕录制的原因吧。有点卡顿,实际项目不卡顿加载视频可能有点慢,可放大查看...二、开篇个人推荐可视化插件:很强大的阿里开源antv(G2、G6、F2、L7)系列,百度图表echarts和地图mapv,大屏装饰 DataV,D3.js、three.js 大屏数据可视化需求说难挺简单的,说简单挺难的;我认为选对可视化插件可以说成功了一半;不过选型期间往往挺废时间的,因为还要不断的测试看符不符合需求; 本文分享介绍我使用vue2.x开发大屏数据可视化需求的一些套...转载 2021-10-08 16:55:29 · 140 阅读 · 0 评论 -
datav 轮播表
<template> <div> <dv-scroll-board :config="config" style="margin-left:1rem;width:95%;height:48rem" /> </div></template><script>export default { props:['AreaData'], data(){ return { confi...转载 2021-10-08 16:51:56 · 4335 阅读 · 0 评论 -
echarts + 百度地图实现 地图展示(代码以vue为例)
1,引入百度地图api//index.html中<script src="http://api.map.baidu.com/api?v=2.0&ak=你的ak值"></script>2,安装echartsnpm install echarts --save3,在需要创建地图的组件中引入如下import echarts from "echarts"; require("echarts/extension/b转载 2021-09-09 18:19:44 · 935 阅读 · 0 评论 -
vue使用element-resize-detector监听元素宽度变化
如图,当我们切换左侧菜单展示效果的时候,右侧内容会对应变宽,但此时的echarts并不能执行自适应效果,这是因为切换菜单展示效果并没有触发window.onresize,所以为解决类似此问题,我们可使用element-resize-detector1、引入element-resize-detector,npm install element-resize-detector --save2、在对应位置上引入即可let elementResizeDetectorMaker = ..转载 2021-09-08 18:06:35 · 1618 阅读 · 0 评论 -
在vue项目中封装echarts的正确姿势
为什么需要封装echarts每个开发者在制作图表时都需要从头到尾书写一遍完整的option配置,十分冗余 在同一个项目中,各类图表设计十分相似,甚至是相同,没必要一直做重复工作 可能有一些开发者忘记考虑echarts更新数据的特性,以及窗口缩放时的适应问题。这样导致数据更新了echarts视图却没有更新,窗口缩放引起echarts图形变形问题我希望这个echarts组件能设计成什么样业务数据和样式配置数据分离,我只需要传入业务数据就行了 它的大小要完全由使用者决定 不会因为缩放出现变形问题原创 2021-09-08 17:22:24 · 718 阅读 · 0 评论