2021年2月21日

623 ECharts常用图表 散点图：实现步骤，气泡图，涟漪动画effectScatter，showEffectOn，rippleEffect，itemStyle

摘要： 3.3.1.散点图的实现步骤 11.散点图的实现.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia 阅读全文

posted @ 2021-02-21 21:21 冲啊！ 阅读(2062) 评论(0) 推荐(0)

622 ECharts常用图表 折线图：折线图的实现步骤，标记markPoint，平均值 markLine，线条控制，填充风格 areaStyle，紧挨边缘 boundaryGap，缩放&脱离0值比例scale ，堆叠图，

摘要： 3.2.1.折线图的实现步骤 07.折线图的实现.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia 阅读全文

posted @ 2021-02-21 17:29 冲啊！ 阅读(1890) 评论(0) 推荐(0)

621 echarts通用配置：title，tooltip，toolbox，legend

摘要： 3.1.4.通用配置 使用 ECharts 绘制出来的图表, 都天生就自带一些功能, 这些功能是每一个图表都具备的, 我们可以通过配置, 对这些功能进行设置. 标题: title var option = { title: { text: "成绩", // 标题文字 textStyle: { col 阅读全文

posted @ 2021-02-21 11:43 冲啊！ 阅读(724) 评论(0) 推荐(0)

620 ECharts常用图表 柱状图： 标记markPoint，平均值 markLine，数值显示 label，柱宽度 barWidth，横向柱状图

摘要： 3.1.图表1 柱状图 3.1.1.柱状图的实现步骤 步骤1 ECharts 最基本的代码结构 <!DOCTYPE html> <html lang="en"> <head> <script src="js/echarts.min.js"></script> </head> <body> <div 阅读全文

posted @ 2021-02-21 10:56 冲啊！ 阅读(6506) 评论(0) 推荐(0)

619 数据可视化概述，ECharts的基本使用，相关配置讲解

摘要： 1.数据可视化前言 1.1.什么是数据可视化 数据可视化， 说白了， 就是把数据以更加直观的方式进行呈现. 那什么方式是更加直观的方式呢? 就是图 表. 常言道， 文不如表， 表不如图， 人们大脑对图的敏感程度要比苍白无力的文字好很多. 我们来看一组数据. 这个数据就是某些产品的销量. 单纯从这些文 阅读全文

posted @ 2021-02-21 10:31 冲啊！ 阅读(612) 评论(0) 推荐(0)

导航