数据可视化
关注
分享
扫一扫
旭陌小生
不求一鸣惊人，但求厚积薄发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
echarts数据可视化高级配置
echarts默认主题及自定义主题我们只需要在初始化echarts实例.init方法中写入主题就行let mEcharts = echarts.init(document.querySelector('div'), 'light')默认有两个主题：lightdark自定义主题：进入echarts官网主题网址进行自定义主题配置配置完之后，选择左上角的下载，下载格式选择js文件下载完之后用script标签引入，在init方法中写入即可<script src="/theme/i原创 2021-10-11 15:28:16 · 586 阅读 · 0 评论 -
echarts数据可视化系列：仪表盘
绘制仪表盘及配置let mEcharts = echarts.init(document.querySelector('div')) let option = { series: [ { // 图表的类型 type: 'gauge', // 系列名称 name: '仪表盘',原创 2021-10-10 10:21:45 · 1148 阅读 · 0 评论 -
echarts数据库可视化：雷达图
绘制雷达图及配置let mEcharts = echarts.init(document.querySelector('div')) let option = { radar: { // 给雷达图设置5个最大值，数据的值不能大于最大值 indicator: [ {name: '性能', max: 400}, {name: '原创 2021-10-10 10:19:27 · 2474 阅读 · 0 评论 -
echarts数据可视化系列：中国地图绘制
绘制中国地图及相关配置绘制地图有两种方式：百度地图API（要申请SDK）矢量地图数据（需要开发者自己获取，我把中国地图各省地图及世界地图的json数据放到百度网盘中，提取码:http）因为后面需要用到jquery，所以我也为大家准备好了jquery文件，根地图数据放在一起// 基于div初始化echarts实例 let mEcharts = echarts.init(document.querySelector('div')) // 每个城市的空气质量原创 2021-10-09 22:04:40 · 7082 阅读 · 5 评论 -
echarts数据可视化系列：饼图
绘制饼图及配置// 基于div初始化echarts实例let mEcharts = echarts.init(document.querySelector('div')) // 饼图的数据 let pieData = [ {'name': '淘宝', 'value': 1985}, {'name': '京东', 'value': 35640}, {'name': '唯品汇', 'value': 8472},原创 2021-10-09 19:55:30 · 804 阅读 · 0 评论 -
echarts数据可视化系列：散点图
绘制散点图及配置// 基于div初始化echarts实例let mEcharts = echarts.init(document.querySelector('div')) // 每个人的身高 let data = [ {'name': 'zhangsan', 'height': 194, 'width': 75}, {'name': 'zhangsan', 'height': 174, 'width': 70},原创 2021-10-09 17:10:06 · 790 阅读 · 0 评论 -
echarts数据可视化系列：折线图
绘制折线图及配置说明：引入echarts文件和echarts的容器及实例化echarts就不写了，上篇文章已写：可以自行查看，这里直接从配置入手<script> let mEcharts = echarts.init(document.querySelector('div')) // x轴的月份 let yuefen = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月',原创 2021-10-09 11:36:04 · 1250 阅读 · 0 评论 -
echart数据可视化
ECharts是一个基于javascript的开源可视化图表库特性：可以流畅的运行在PC端和移动设备上，底层依赖矢量图形库ZRender。提供直观，交互丰富，可高度个性化定制的可视化图表**丰富的可视化类型常规类：柱状图折线图饼状图 散点图K线图统计类:盒型图地图类:地图热力图线图关系类:关系图treemap旭日图多维类:平行坐标BI类:漏斗图仪表盘使用方法引入echarts的js文件下载echarts下载好之后解压得到pac原创 2021-10-09 10:48:32 · 249 阅读 · 0 评论 -
echarts数据可视化系列：柱状图
绘制柱状图及配置引入echarts文件<script src="/lib/echarts.min.js"></script>给echarts定义一个有宽高的容器<body> <!-- 为 ECharts 准备一个定义了宽高的 DOM --> <div id="main" style="width: 600px;height:400px;"></div></body>3.基于定义好的容器，初始化原创 2021-10-09 10:46:00 · 4742 阅读 · 2 评论