08 2022 档案
摘要：当数据量过大时，使用d3.js渲染各种图时，如果一下子加载出来，会出现加载过慢，这样使用效果就不是太好，为了解决这个问题，使用了分页加载数据并渐进渲染各种图。 一、数据格式 数据如下：这里是一个example.csv文件， x,y,value 0,1,0.2 0,2,0.70,3,0.01.....
阅读全文
摘要：一、结构伪类选择器 定位html中的元素 选择器 作用 E:first-child() 父元素中第一个子元素，并且是E元素 E:last-child() 父元素中最后一个子元素，并且是E元素 E:nth-child(n) 父元素中第n个子元素，并且是E元素 E:nth-last-child(n) 父
阅读全文
摘要：这一章节记录热图，下面是图和实现过程。 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
阅读全文
摘要：今天介绍如何将svg转成pdf，这里介绍两种方法。 第一种方法： 这种方法需要使用jspdf和svg2pdf包，分别使用的版本是2.5.1和2.2.0 downloadSvg2Pdf(imageBase64, svg, outFileName = 'newplot.pdf') { // 如果仅有im
阅读全文
摘要：这一章节介绍堆叠柱状图的画法，下面直接上图和数据。 1、准备数据 const stackBarData = [ { year: 2015, HW: 3740, XM: 920, MAC: 980, www: 490 }, { year: 2016, HW: 1400, XM: 1840, MAC:
阅读全文
