关于D3 是一个数据可视化的库，技术基础是SVG，兼容性是IE9+，语法上近似jQuery 对比three.js three.js是以webgl为基础的库，封装了一些3D渲染需求中重要的工具与渲染循环 1 导入 <script src="https://d3js.org/d3.v5.min.js"> ...
分类：
Web程序 时间：
2020-05-26 18:15:45
阅读次数：
144
目前，在大多数的管理系统中，都会有这样一个功能：根据相关的条件查询相应的数据，并生成可视化报表，然后可导出为PDF文件。本文只展现生成可视化报表之后导出PDF文件的过程，生成可视化的报表可使用Echarts，D3js等框架。 1.需要引入的文件 html2canvas.js（根据实际情况选择相应的版 ...
分类：
Web程序 时间：
2020-05-03 20:51:15
阅读次数：
100
1.需引入js: <script src="https://d3js.org/topojson.v1.min.js"></script> 可下载到本地，直接引入。 2.要使用这个js，得新创建一个新的图层： const topoLayer = new L.TopoJSON(); 3.js代码解析部分 ...
分类：
Web程序 时间：
2019-10-15 13:43:22
阅读次数：
117
前端数据可视化插件有很多，但我用过的只有Highcharts（https://www.hcharts.cn/）、Echarts（http://echarts.baidu.com/）和D3（https://d3js.org/），还有amcharts（https://www.amcharts.com/）... ...
分类：
其他好文 时间：
2019-09-30 12:37:15
阅读次数：
357
<script src="https://d3js.org/d3.v4.min.js"></script><script src="https://cdn.bootcss.com/d3-tip/0.9.1/d3-tip.js"></script> const svg = d3.select('bod ...
分类：
其他好文 时间：
2019-01-24 16:31:51
阅读次数：
244
canvas 绘制2D位图。 Echarts是基于Canvas技术的可视化工具，底层封装了原生的JavaScript的绘图 API。 canvas里面绘制的图形不能被引擎抓取，canvas中我们绘制图形通常是通过javascript来实现。 svg 绘制2D矢量图。 svg里面的图形可以被引擎抓取， ...
分类：
Web程序 时间：
2018-12-20 11:44:39
阅读次数：
300
HTML 5 提供两种强有力的“画布”：SVG 和 Canvas。 SVG 有如下特点： SVG 绘制的是矢量图，因此对图像进行放大不会失真。 基于 XML，可以为每个元素添加 JavaScript 事件处理器。 每个图形均视为对象，更改对象的属性，图形也会改变。 不适合游戏应用。 Canvas 有 ...
分类：
Web程序 时间：
2018-05-11 13:06:34
阅读次数：
226
说明： var p1 = body.select("p"); p1.style("color","red"); 是选择第一个p ...
分类：
Web程序 时间：
2018-05-11 12:59:25
阅读次数：
946
参考馒头华华：http://d3.decembercafe.org/pages/lessons/14.html 与 tengxing007 :http://blog.csdn.net/tengxing007/article/details/59712572 ...
分类：
Web程序 时间：
2018-01-22 13:00:55
阅读次数：
940
