摘要: 一、结构伪类选择器 定位html中的元素 选择器 作用 E:first-child() 父元素中第一个子元素,并且是E元素 E:last-child() 父元素中最后一个子元素,并且是E元素 E:nth-child(n) 父元素中第n个子元素,并且是E元素 E:nth-last-child(n) 父 阅读全文
posted @ 2022-08-28 16:55 先起这个昵称 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 这一章节记录热图,下面是图和实现过程。 1、data 这些数据存储在csv文件中 x,y,value A,m1,5 A,m2,5.7 A,m3,6.6 A,m4,5.9 A,m5,10.8 A,m6,11.5 A,m7,2.6 A,m8,3.4 A,m9,3.4 A,m10,3.4 B,m1,1.2 阅读全文
posted @ 2022-08-25 21:57 先起这个昵称 阅读(309) 评论(0) 推荐(0) 编辑
摘要: 今天介绍如何将svg转成pdf,这里介绍两种方法。 第一种方法: 这种方法需要使用jspdf和svg2pdf包,分别使用的版本是2.5.1和2.2.0 downloadSvg2Pdf(imageBase64, svg, outFileName = 'newplot.pdf') { // 如果仅有im 阅读全文
posted @ 2022-08-09 22:35 先起这个昵称 阅读(1936) 评论(4) 推荐(0) 编辑
摘要: 这一章节介绍堆叠柱状图的画法,下面直接上图和数据。 1、准备数据 const stackBarData = [ { year: 2015, HW: 3740, XM: 920, MAC: 980, www: 490 }, { year: 2016, HW: 1400, XM: 1840, MAC: 阅读全文
posted @ 2022-08-04 22:23 先起这个昵称 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 转载请注明出处。 上一篇文章记录了dot-pie的绘制,这篇文章将会介绍另一种图形,箱线图。箱线图使用数据的最小值、最大值、中位数以及上下两个四分位数展现了这组数据。下面是最终绘制的图形。 1、data const dataset = [ { "value": 1, "y": 9.6121, "x" 阅读全文
posted @ 2022-07-31 21:47 先起这个昵称 阅读(582) 评论(0) 推荐(0) 编辑