什么是数据可视化 数据可视化的主要目的:借助图形的手段,情绪有效的传递沟通信息 数据可视化在我们互联网公司中经常用于通用数据报表,移动端图表,大屏可视化,图编辑等 数据可视化库有很多,重点学习Echarts Echarts使用五部曲 步骤一:下载并引入echarts.js文件 图表依赖这个js库 步 ...
分类:
其他好文 时间:
2020-07-12 11:59:03
阅读次数:
67
第二次用echart,第一次做地图, <template> <div class="echarts" style="background:#3bafde"> <div :style="{height:'600px',width:'100%'}" ref="myEchart"></div> </div ...
分类:
其他好文 时间:
2020-07-10 17:03:19
阅读次数:
82
VueJs echarts使用 栗子 渲染echart一定是要在 mounted 生命周期中使用,created只是创建dom。 <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="https://cd ...
分类:
Web程序 时间:
2020-07-10 09:26:51
阅读次数:
97
function randomValue() { return Math.round(Math.random()*2000); } option = { backgroundColor:'block', tooltip: {}, visualMap: { min: 0, max: 2000, tex ...
分类:
其他好文 时间:
2020-07-09 15:19:48
阅读次数:
71
已甘肃为例: 需要注意的是map: ‘甘肃’,需要和你下载的省份的名称对应,否则不会显示地图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="main" styl ...
分类:
其他好文 时间:
2020-07-01 17:33:15
阅读次数:
79
效果图: 这里给出了第一一个图的例子JS代码: 1 $(function () { var qxarr = new Array(7);//清洗数据5 var maxarr = new Array(7);//最优区间最大值 var minarr = new Array(7);//最优区间最小值 //三 ...
分类:
Web程序 时间:
2020-06-28 15:05:25
阅读次数:
189
方案一:使用 极坐标系 和 bar 实现 效果: 实现代码: const chartData = { title: { text: '75', textStyle: { color: '#01c4a3', fontSize: 30, }, subtext: '总分:100分', subtextSty ...
分类:
其他好文 时间:
2020-06-28 10:00:54
阅读次数:
336
首先打开ECharts网页 https://echarts.apache.org/zh/tutorial.html#%E5%9C%A8%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts ...
分类:
微信 时间:
2020-06-27 12:04:22
阅读次数:
160
一、Python基础 1 数字 2 字符串 3 列表 4 流程控制 5 编程风格 6 函数 7 输入和输出 8 数据结构 9 模块 10 错误和异常 11 类和对象 二、Python模块 1 时间模块 2 文件操作 3 常见迭代器 4 yield 用法 5 装饰器用法 6 枚举 用法 7 列表生成式 ...
分类:
编程语言 时间:
2020-06-27 09:15:18
阅读次数:
78