如何摆脱D3JS中的重叠折线图
how to get rid of overlap line graph in d3js
你能帮我删除折线图上的重叠线吗?这是一个动态图。因此,每当我想将图形的比例更改为更大的域时,整个路径都应该在那里。当我再次将比例更改为较小的比例时,我不想看到折线图或只看到覆盖我比例范围的线条。谢谢。
var data = [
{"x":1, "y":1},
....
....
];
var line = d3.svg.line()
.x(function(d) { return xScale(d.x); })
.y(function(d) { return yScale(d.y); });
var path = svg.append("path")
.data([data])
.attr("d", line)
.attr("stroke", "black");
单击示例输出的链接。
来自: 单击此处获取示例图像
收件人:单击此处查看示例输出图像
如注释中所述,使用剪辑路径。以下是一些有帮助的例子:
http://www.d3noob.org/2015/07/clipped-paths-in-d3js-aka-clippath.html
矩形内的 Svg 剪辑路径不起作用
http://bl.ocks.org/couchand/6399221
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath
相关文章:
- 用与线条相同的颜色填充多折线图上的点
- 跟踪jqplot垂直折线图的鼠标位置
- Morris.js折线图x轴标签在调整大小后消失
- Chart.js V2折线图缺点
- 将直流图表库中的折线图缩放限制为小时
- 如何用d3.js绘制折线图
- 部分填充区域的折线图
- 将时间缩放添加到折线图(Chart.js)
- Chart.js折线图的0线型
- d3绘制动画折线图的基本示例
- Javascript FLOT组合条形图;以x轴为字符串的折线图
- 如何在折线图中显示最近的值
- charts js更改折线图轴的字体大小/颜色和背景线
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- D3折线图鼠标悬停坐标效果
- 以角度nvd3折线图显示当前时间
- 具有任意多条线的D3折线图(以及特定的数据格式)
- D3在转换时退出多个系列折线图标签
- 如何在折线图中增加鼠标悬停在“命中区域”上
- 如何摆脱D3JS中的重叠折线图