数据可视化
关注
分享
扫一扫
文章平均质量分 72
重工黑大帅
希望我希望的都有希望
展开
-
基于Echarts的鸢尾花数据可视化
基于Echarts的鸢尾花数据可视化打开工具HbuilderX，选择新建项目-普通项目-基本HTML项目；在index.html页面的< head >和标签之间引入echarts.min.js和d3.min.js，注意需在对应的位置创建相关文件夹。代码如下所示；<head> <meta charset="utf-8"> <title>鸢尾花数据可视化</title> <script src="echarts/echarts.min原创 2021-04-20 15:37:01 · 1467 阅读 · 0 评论 -
ECharts可视化基础——折线图
ECharts可视化基础21．折线图的绘制根据折线图，做折线图的个性化展示。其中标记区域设置标记二个区域，1-3月和7-8月，线型为平滑曲线，绿色点线，填充曲线与x轴间区域为粉色。将图形与y轴间的空白边缘取消；对Y轴进行必要的缩放，使图形Y轴起始点不为0。分析此折线图所展示的数据趋势。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</原创 2021-04-06 14:44:19 · 774 阅读 · 0 评论 -
ECharts可视化基础——直角坐标系
ECharts可视化基础4直角坐标系的设置。直角坐标系的设置指的是网格，坐标轴和区域缩放的配置。网格(grid)控制直角坐标系的布局和大小，其常用配置有是否显示（show），网格的宽度和颜色（borderWidth、borderColor），网格的位置调整（left、top、right、bottom、width、height）。请根据配置项手册，尝试在之前散点图的基础上，让网格显示出来，宽度为10，颜色为红色，对left和top做一定程度的调整，了解其作用。直角坐标系的坐标轴可更改其位置，在相对的原创 2021-04-06 14:44:04 · 897 阅读 · 0 评论 -
ECharts可视化基础——散点图
ECharts可视化基础3散点图的实现。绘制运动员身高体重的散点图，分析身高与体重两变量的关系。所给的数据格式不符合echarts绘制散点图的格式要求。需在前端打印数据后对格式进行调整。实现散点图时需注意横纵坐标轴比例尺的缩放。在前端使用回调函数的功能，根据运动员的BMI值（BMI大于26算偏胖）对数据点的颜色和大小做区分处理。使用涟漪动画处理数据点，更改涟漪大小和触发方式。分析身高与体重两变量的关系。所给的数据格式不符合echarts绘制散点图的格式要求。需在前端打印数据后对格式进行调整。根据运动员原创 2021-04-06 14:43:23 · 2660 阅读 · 0 评论 -
ECharts可视化基础——柱状图
ECharts可视化基础1．ECharts可视化步骤ECharts可视化分为5步，分别为：①步骤1：引入echarts.js文件需在head标签内引入js文件，我们需要通过script标签中的scr属性来给外部脚本文件规定一个路径。②准备容器我们需要准备一个呈现图表的盒子，通常我们是在div标签内规定一个区域来呈现图表。③初始化ECharts实例对象我们在script标签内，通过echarts.init的方法实例化echarts对象，使用init中的document.getElementBy原创 2021-04-06 14:37:33 · 6305 阅读 · 0 评论