javascript - 剪切矩形未在响应式图表中调整大小

标签 javascript d3.js

它必须非常简单,但我无法让它工作。这是一个简单的响应式图表。我创建了一个剪切矩形,这样域之外的值就会消失,但我无法让它与窗口中的其余元素一起调整大小。有人可以看一下吗?这是一个 plunk 的链接:
https://plnkr.co/edit/eQ4HgxQC49CZIPVBXjQX 谢谢一百万!

 svg.append("defs").append("clipPath")
    .attr("id", "clip")
    .append("rect")
    .attr("width", width)
    .attr("height", height);

最佳答案

resize函数中添加此行以更新剪辑矩形中的宽度和高度。

svg.select("#clip rect").attr("width", width).attr("height", height);

工作代码here

关于javascript - 剪切矩形未在响应式图表中调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36816754/

相关文章:

javascript - CSS 的笛卡尔失真效果

d3.js - 获取 d3 中所选 svg 元素的类

python - 如何使用 d3.js 从 postgresql 获取数据

javascript - 比较和处理对象中的 bool 值

javascript - 如何在没有任何单词的情况下连接多个单词,仅在自动完成中使用空格?

javascript - 使用 md-select 和 md-option 的 Angular Material 下拉列表不显示

d3.js - 带边界的 d3 v4 强制布局

javascript - d3 折线图和剪辑路径

javascript - 我们如何通过 jquery 中的 .attr() 更改 onclick 函数?

javascript - removechild 给出 NS_ERROR_INVALID_POINTER 错误