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)

导航