我应该使用 d3.js 在文本段落之间画线吗?
Should I use d3.js to draw lines between paragraphs of text?
我打算创建一个包含两列文本的系统。当您将鼠标悬停在它们上方时,将有线条指示左侧的某些段落与右侧的某些段落之间的连接。我应该使用 d3.js 还是为了这个目的而矫枉过正?
编辑:需要说明的是,左边的一些段落可能与右边的段落不对齐,所以中间会有交叉的对角线。
不,请改用 CSS。如果您提供 HTML 代码,那么我们可以指导您使用 CSS。查看 CSS 边框:http://www.w3schools.com/css/css_border.asp
这取决于很多因素。如果你只为 'draw lines/arrows' 需要 d3.js,那么我认为这是矫枉过正(d3.js 比 jquery 大)。这看起来像是一些使用基本工具的简单任务。但是如果这是数据展示,以后可能会更复杂,其他图表用d3就可以了。
编辑:因为 OP 编辑:
以语义的方式看这个。如果是数据展示就可以,如果是图文效果就不行
没有。 D3 = "Data-Driven Documents"。 D3 使用 SVG,将 SVG 添加到您的页面中只是为了画一条线绝对是矫枉过正。通常,您应该采用最简单的方法,因此 CSS 边框应该可以完成工作
border-bottom: 2px solid red;
例如。
Krzysztof 是正确的,您可能希望在未来考虑更复杂的交互。但是,如果您真的只需要一行,那么 D3.js 绝对是多余的。一些评论者建议 CSS 边框,但我不知道这种方法是否满足您的需求。如果你想在段落之间画直线,这些线大概不会总是严格水平或垂直的。一个更灵活的选择是在页面中添加一个绝对定位的 <div>
,根据需要隐藏或显示它。 <div>
可以有1px
的高度和背景颜色来模拟一条线,并且可以使用平移和旋转来连接任意两个点。
我打算创建一个包含两列文本的系统。当您将鼠标悬停在它们上方时,将有线条指示左侧的某些段落与右侧的某些段落之间的连接。我应该使用 d3.js 还是为了这个目的而矫枉过正?
编辑:需要说明的是,左边的一些段落可能与右边的段落不对齐,所以中间会有交叉的对角线。
不,请改用 CSS。如果您提供 HTML 代码,那么我们可以指导您使用 CSS。查看 CSS 边框:http://www.w3schools.com/css/css_border.asp
这取决于很多因素。如果你只为 'draw lines/arrows' 需要 d3.js,那么我认为这是矫枉过正(d3.js 比 jquery 大)。这看起来像是一些使用基本工具的简单任务。但是如果这是数据展示,以后可能会更复杂,其他图表用d3就可以了。
编辑:因为 OP 编辑: 以语义的方式看这个。如果是数据展示就可以,如果是图文效果就不行
没有。 D3 = "Data-Driven Documents"。 D3 使用 SVG,将 SVG 添加到您的页面中只是为了画一条线绝对是矫枉过正。通常,您应该采用最简单的方法,因此 CSS 边框应该可以完成工作
border-bottom: 2px solid red;
例如。
Krzysztof 是正确的,您可能希望在未来考虑更复杂的交互。但是,如果您真的只需要一行,那么 D3.js 绝对是多余的。一些评论者建议 CSS 边框,但我不知道这种方法是否满足您的需求。如果你想在段落之间画直线,这些线大概不会总是严格水平或垂直的。一个更灵活的选择是在页面中添加一个绝对定位的 <div>
,根据需要隐藏或显示它。 <div>
可以有1px
的高度和背景颜色来模拟一条线,并且可以使用平移和旋转来连接任意两个点。