
ECharts
文章平均质量分 61
ECharts图表的基本使用
Southern Wind
前端开发
个人博客:https://nanchen042.github.io/docs/
稀土掘金: https://juejin.cn/user/1588130256005415/posts
展开
-
DataV——修改轮播表
config相关参数config属性属性 说明 类型 可选值 默认值 header 表头数据 Array<String> --- [] data 表数据 Array<Array> --- [] rowNum 表行数 Number --- 5 headerBGC 表头背景色 String --- '#00BAFF' oddRowBGC..原创 2022-02-22 11:07:18 · 6530 阅读 · 1 评论 -
Echarts——绘制饼图并导入数据,tooltip中的formatter使用方法
DIY饼图中的环形图样式原创 2022-02-19 15:41:49 · 8832 阅读 · 0 评论 -
Echarts——自动轮播提示框插件使用
首先引入echarts_auto_tooltip.js文件文件如下:/** * echarts tooltip 自动轮播 * @param chart * @param chartOption * @param options * { * interval 轮播时间间隔,单位毫秒,默认为2000 * loopSeries boolean类型,默认为false。 * true表示循环所有series的tooltip,false则显示指定原创 2022-02-16 19:28:59 · 1097 阅读 · 2 评论 -
大数据可视化——在组件中使用翻牌器
组件中使用数字翻牌器原创 2022-02-19 23:12:19 · 3916 阅读 · 1 评论 -
大数据可视化——对科学计数法进行三位转换
valueFormatter({ value, ranking }) { arguments.ranking == '' ranking == false let reg = /(?=(?!\b)(\d{3})+$)/g; return value.toString().replace(reg, ","); },这里的value就是代表你的数据...原创 2022-02-12 20:22:48 · 594 阅读 · 0 评论 -
大数据可视化——dataV,Echarts,蚂蚁金服L7世界地图引入,数字翻牌器,全屏,自定义排名轮播表
做这个项目之前需要安装一下技术栈蚂蚁地理空间数据可视化 | L7引入地图:首先需要一个容器来包裹这个全屏的大地图<div id="userMap"></div>引入npm install --save @antv/l7 构造函数Scene const scene = new Scene({ id: "userMap", // 需传入 dom 容器或者容器 id logoVisible:false, //原创 2022-02-05 15:56:23 · 4409 阅读 · 0 评论 -
后台管理系统——03解决联动效果以及面包屑导航以及添加Echarts
在common/config/router.js中的layout写子组件路由之前:const routes = [ { path: '/', name: 'layout', /* component: () => import('@/views/layout.vue') */ component:'layout', }, { // 这里就不用写path以及name,下面的函数已经给封装好了 /原创 2022-01-25 09:47:30 · 1090 阅读 · 0 评论 -
大数据可视化
数据可视化概念:数据可视化主要是用于图形进行清晰有效的传达与沟通信息。可以把数字转换成图形,看起来更加的直观。类似于以下这种:做这样的图表我们将使用ECharts来制作ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。使用ECharts一共分为五个步骤第一步:引入echarts.js 或者 echarts.min.js引入方法类似于jQuery库的引用ECharts官网这里建议下载min....原创 2021-09-13 20:29:46 · 4336 阅读 · 0 评论