我应该使用d3.js在文本段落之间画线吗?

时间:2015-11-07 22:48:33

标签: text d3.js web draw

我打算创建一个包含两列文本的系统。将会有一些行指示左侧某些段落之间的连接,并在鼠标悬停时显示右侧的一些段落。我应该使用d3.js还是为了这个目的而过度杀伤?

编辑:要清楚,左边的一些段落可能与右边的段落不对齐,因此沿着中间会有交叉的对角线。

4 个答案:

答案 0 :(得分:2)

Krzysztof是正确的,因为您可能希望将来考虑更复杂的交互。如果你真的只需要一条线,那么D3.js肯定是矫枉过正的。一些评论者提出了CSS边界,但我不知道这种方法是否符合您的需求。如果你想在段落之间绘制直线,那些线条不会被推,总是严格水平或垂直。一个更灵活的选择是在页面中添加一个绝对定位的<div>,隐藏或显示它。 <div>可以有1px高度和背景颜色来模拟一条线,并且可以使用平移和旋转来转换它以连接任意两个任意点。

答案 1 :(得分:1)

不,请改用CSS。如果您提供HTML代码,那么我们可以为您提供CSS。查看CSS边框:http://www.w3schools.com/css/css_border.asp

答案 2 :(得分:1)

这取决于很多因素。如果你需要d3.js只用于画线/箭头&#39;那么我认为这是矫枉过正(d3.js比jquery更大)。这看起来像是一些基本工具的简单任务。但如果这是数据显示,将来可能会更复杂,当你将d3用于其他图表时,它会没问题。

编辑:因为OP编辑: 以语义方式看待这个。如果这是数据显示,那么是,如果这是图形效果,那么没有。

答案 3 :(得分:0)

没有。 D3 =&#34;数据驱动文档&#34;。 D3使用SVG,并且在页面中添加SVG只是为了绘制一条线是绝对的过度杀伤力。作为一项规则,您应该采用最简单的方法,因此CSS边框应该完成工作

border-bottom: 2px solid red;

例如。