D3问题锦囊
文章平均质量分 51
ysugarr
克己奉公
展开
-
d3-渐变颜色插值
现在在网上查找到的关于d3-插值的方法都是d3.scale.linear(),这个方法d3第五版已经不支持了!建议还是用新的版本吧!1、插值https://github.com/d3/d3-scale//对需要插值的值进行归一化//1、线性插值var normalize = d3.scaleLinear().domain([min, max]).range([0, 1]);//2、指数插值——如果不声明exponent的话,和线性插值无异。//2、如果range为0.1的话,结果为(0..原创 2022-03-25 20:35:03 · 1646 阅读 · 3 评论 -
d3-force 显示Error: missing: ?或者布局结果显示连边未连接
1、节点索引问题在d3中,在索引连边的source和target节点时,索引默认为节点的index。但如果节点不存在index这项,而是通过names或者id索引的话,需要声明.id(...):.force("link", d3.forceLink(links) .id(function(d,i) { return d.id }) .distance(20) .strength(1))2、数据问题连边的source和target节点无原创 2022-02-24 13:32:26 · 572 阅读 · 1 评论 -
D3小问题(四)为坐标轴添加过渡效果
为坐标轴添加过渡效果D3 rescale axis exampleAnimating between scale!!!making-dynamic-scales-and-axes!!!制作动态比例简单的D3线性刻度尺:是成比例的!此时如果输入scale(3),会输出6var scale = d3.scale.linear() .domain([0, 59]) ...原创 2020-01-17 22:10:10 · 362 阅读 · 0 评论 -
D3小问题(三)怎么获得相对于SVG的XY坐标
D3js Graph with X and Y crosshairs, and a threshold line.这个是比较官方的解答,感觉用于单个面积图还是可以,但是我要用的情况是堆叠面积图;留着以后研究代码吧;最后是在一本书里找到的,得到一个相对于svg左上角的坐标,而不是计算上div的部分;.on("click", function(){ console...原创 2019-10-30 16:59:25 · 1725 阅读 · 0 评论 -
D3小问题(一)怎么获得SVG及其子元素在屏幕中的坐标
var clientRects = svg.select("image").node().getBoundingClientRect();var coordinates = [ [clientRects.left, clientRects.top], [clientRects.top, clientRects.right], [clientRects.bottom, client...原创 2019-10-22 20:22:57 · 2491 阅读 · 0 评论 -
D3小问题(二)怎么使SVG里有Scroll(SVG里元素内容过多无法显示 需要添加滚动条)
1.先在body里添加一个div,定义一个id<div id="legend"></div>2.向div里添加一个svg元素//w = 150, h = 550;var svgLegend = d3.select("#legend") .append("svg") .attr("width", w) .attr("height", h);...原创 2019-10-22 20:39:29 · 4065 阅读 · 0 评论