自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 资源 (3)
  • 收藏
  • 关注

原创 ECharts数据集合(dataset)用法一(完整举例)

为了便于理解请看如图3.6所示的代码,图3.6的系列中绘制了7个柱形图,代码中包含了两组坐标轴(两个X轴和两个Y轴),图3.6中的系列中前3个柱形图对应的是第一组直角坐标轴,其中将seriesLayoutBy配置项设置为“row”,含义为以行为标准绘制图表,也就是说图3.6中强制设置了前三个柱形图对应的类别(X轴)为第1行的2~5列,绘制图形的数据对应的是第2行至第4行的2~5列。代码3-2中,将一个数组赋值给了“x”,代表把“维度1”、“维度5”、“名为score的维度”映射到X轴;

2024-06-03 23:02:52 4292 10

原创 echarts初始化接口——init()

弹出“主题下载”对话框中,如图所示,单击左边的“JS版本”选项卡,将其中的代码复制到所命名的“.js”格式的文件中保存。下载好“.js”格式的文件后,对“.js”格式的文件的使用与动态切换主题的方法相同。devicePixelRatio设备像素比,默认取浏览器的值window.devicePixelRatio,可以粗略理解为物理像素与屏幕像素之间的比值,同时由如下代码可以看出,在设置第三个参数时,需要给第二个参数一个占位符,即如果没有设置主题,也要在第二个参数的位置设置“null”占位。

2024-05-31 22:21:30 3527 2

原创 ECharts行为与事件的因与果(附完整举例)

ECharts中的事件名称对应DOM事件名称,均为小写的字符串,ECharts中常见的事件可以通过官网中的API进行查询,ECharts中的事件展示在“events”中如图5.1所示,ECharts事件调用需要使用ECharts实例中的on方法,也就是说如果想要使用“events”中的事件,必须使用“实例.on”的形式才可以完成调用。ECharts图表所支持的行为,放置在了ECharts API中的“action”类别下,如图5.2所示,对“图表行为”这个词官网并没有给出明确的文字解释。

2024-05-29 22:54:10 2528 5

原创 ECharts工具箱optionToContent/contentToOption详解(含具体举例)

ECharts工具箱optionToContent/contentToOption详解(含具体举例)

2024-05-27 20:47:14 1077

原创 ECharts中常见的基本概念

图0.3中series0中使用encode属性与dataset中的维度为3和4的数据相对应,“itemName:3”对应“XX”、“YY”、“ZZ”,用于展示饼图中的每部分名称,“value:4”的含义为,饼图中每部分的值为维度4中的数据。grid.left/grid.right/grid.top/grid.bottom/grid.width/grid.height决定的是包括了坐标轴标签在内的所有内容所形成的矩形的位置,如图0.13所示展示了grid的用法。(一般情况下这些内容写在option中)。

2024-05-26 21:12:28 1287

原生JS原型对象练习

适合两节课的量,边做边练,带领学生熟悉原型链。原生JS编写,不涉及JQ。

2018-11-28

JS原生扫雷精简版(功能能够实现,精简样式)

原生JS精简版的扫雷,功能实现没有问题。适合两节课的课容量进行讲解。扫雷的核心内容都在,只是精简了样式部分。

2018-11-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除