2022年8月28日
伪类和伪元素
摘要： 一、结构伪类选择器 定位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 先起这个昵称 阅读(60) 评论(0) 推荐(0)
2022年8月25日
d3js实现热图--heatmap
摘要： 这一章节记录热图，下面是图和实现过程。 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 先起这个昵称 阅读(414) 评论(0) 推荐(0)
2022年8月9日
svg 转pdf
摘要： 今天介绍如何将svg转成pdf，这里介绍两种方法。 第一种方法： 这种方法需要使用jspdf和svg2pdf包，分别使用的版本是2.5.1和2.2.0 downloadSvg2Pdf(imageBase64, svg, outFileName = 'newplot.pdf') { // 如果仅有im 阅读全文
posted @ 2022-08-09 22:35 先起这个昵称 阅读(2248) 评论(4) 推荐(0)
2022年8月4日
d3js 堆叠柱状图
摘要： 这一章节介绍堆叠柱状图的画法，下面直接上图和数据。 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 先起这个昵称 阅读(547) 评论(0) 推荐(0)
2022年7月31日
使用d3js绘制箱线图（box plot）
摘要： 转载请注明出处。 上一篇文章记录了dot-pie的绘制，这篇文章将会介绍另一种图形，箱线图。箱线图使用数据的最小值、最大值、中位数以及上下两个四分位数展现了这组数据。下面是最终绘制的图形。 1、data const dataset = [ { "value": 1, "y": 9.6121, "x" 阅读全文
posted @ 2022-07-31 21:47 先起这个昵称 阅读(695) 评论(0) 推荐(0)