我打算创建一个包含两列文本的系统。将会有一些行指示左侧某些段落之间的连接,并在鼠标悬停时显示右侧的一些段落。我应该使用d3.js还是为了这个目的而过度杀伤?
编辑:要清楚,左边的一些段落可能与右边的段落不对齐,因此沿着中间会有交叉的对角线。
答案 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;
例如。