随笔分类 -  D3

html5 绘图
摘要：SVG 在 SVG 中，每个元素是图型与数据相结合的一个对象。 修改对象属性的值，图型会立即体现出这种变化。 因为是对象，所以支持事件处理。 D3使用的是SVG Canvas 不支持事件处理。 chartjs就是使用canvas画的。 阅读全文
posted @ 2021-03-09 15:06 方诚 阅读(93) 评论(0) 推荐(0)
D3基础入门四-事件处理
摘要：6.5.0版 .on("mouseover", function(e,d) e: {"isTrusted":true} 第二个参考才是数据，但这在不同的环境可能会是不一样的。 也有可能是下面的情况，具体情况要测试一下 .on("mouseover", function(d) 阅读全文
posted @ 2021-03-01 14:56 方诚 阅读(141) 评论(0) 推荐(0)
D3入门三-各类图型
摘要：什么是散点图，带你认识它的作用 阅读全文
posted @ 2021-02-28 15:15 方诚 阅读(68) 评论(0) 推荐(0)
d3 CSS
摘要：CSS的inline、block与inline-block 块级元素(block)：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽。 行内元素(inline)：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高。 行内块元素(inline-blo 阅读全文
posted @ 2021-02-28 12:06 方诚 阅读(107) 评论(0) 推荐(0)
d3入门二-常用 方法
摘要：CSV 版本6.5.0 这里的data实际上是csv中的一行数据 d3.csv("static/data/dept_cpu.csv",function (data) { console.log(data); }); 去除html页面中GET《 http://localhost:8080/favico 阅读全文
posted @ 2021-02-28 11:53 方诚 阅读(162) 评论(0) 推荐(0)
d3基础入门一-选集、数据绑定等核心概念
摘要：引入D3 D3下载，本文下载时的版本为6.5.0 mkdir d3.6.5.0 unzip --help unzip d3.zip -d d3.6.5.0/ ls d3.6.5.0/ API.md CHANGES.md d3.js d3.min.js LICENSE README.md $ ls 0 阅读全文
posted @ 2021-02-27 17:28 方诚 阅读(258) 评论(0) 推荐(0)