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

Text 我应该使用d3.js在文本段落之间画线吗?,text,d3.js,web,draw,Text,D3.js,Web,Draw,我打算创建一个包含两列文本的系统。当鼠标滑过左侧的某些段落时,左侧的某些段落与右侧的某些段落之间会出现一些连接。我应该使用d3.js吗,还是出于这个目的而过度使用了呢 编辑:为了清楚起见,左边的一些段落可能与右边的段落不对齐,因此中间会有交叉的对角线。不,使用CSS代替。如果您提供HTML代码,那么我们可以指导您使用CSS。查看CSS边框:否,改用CSS。如果您提供HTML代码,那么我们可以指导您使用CSS。查看CSS边框:这取决于许多因素。如果您只需要d3.js用于“绘制线/箭头”,那么我认为

我打算创建一个包含两列文本的系统。当鼠标滑过左侧的某些段落时,左侧的某些段落与右侧的某些段落之间会出现一些连接。我应该使用d3.js吗,还是出于这个目的而过度使用了呢


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

不,使用CSS代替。如果您提供HTML代码,那么我们可以指导您使用CSS。查看CSS边框:

否,改用CSS。如果您提供HTML代码,那么我们可以指导您使用CSS。查看CSS边框:

这取决于许多因素。如果您只需要d3.js用于“绘制线/箭头”,那么我认为这太过分了(d3.js比jquery大)。这看起来像是使用基本工具完成的简单任务。但如果这是数据表示,将来可能会更复杂,并且当您将d3用于其他图表时,它会很好

编辑:因为操作编辑:
从语义的角度来看这一点。如果这是数据表示,则为是;如果这是图形效果,则为否。

这取决于许多因素。如果您只需要d3.js用于“绘制线/箭头”,那么我认为这太过分了(d3.js比jquery大)。这看起来像是使用基本工具完成的简单任务。但如果这是数据表示,将来可能会更复杂,并且当您将d3用于其他图表时,它会很好

编辑:因为操作编辑: 从语义的角度来看这一点。如果这是数据表示,则为是;如果这是图形效果,则为否。

no.D3=“数据驱动文档”。D3使用SVG,在页面中添加一个SVG只是为了划一条线,这绝对是过火了。通常,您应该采用最简单的方法,因此CSS边框应该可以完成这项工作

border-bottom: 2px solid red;
例如。

No.D3=“数据驱动文档”。D3使用SVG,在页面中添加一个SVG只是为了划一条线,这绝对是过火了。通常,您应该采用最简单的方法,因此CSS边框应该可以完成这项工作

border-bottom: 2px solid red;

例如,

< P>克日什托夫是正确的,因为您可能希望将来考虑更复杂的交互。如果你真的只需要一行代码,那么D3.js肯定是过火了。一些评论者建议使用CSS边框,但我不知道这种方法是否满足您的需要。如果您想在段落之间画直线,那么这些直线可能并不总是严格水平或垂直的。一个更灵活的选择是在页面中添加一个绝对定位的
,根据需要隐藏或显示它。<代码> <代码>可以有一个<代码> 1px <代码>高度和一个背景颜色来模拟一行,并且可以使用平移和旋转来连接任意两个任意点。

< P>克日什托夫是正确的,因为您可能希望在将来考虑更复杂的交互。如果你真的只需要一行代码,那么D3.js肯定是过火了。一些评论者建议使用CSS边框,但我不知道这种方法是否满足您的需要。如果您想在段落之间画直线,那么这些直线可能并不总是严格水平或垂直的。一个更灵活的选择是在页面中添加一个绝对定位的
,根据需要隐藏或显示它。
可以有
1px
高度和背景色来模拟线条,它可以通过平移和旋转来连接任意两个点进行变换。

如果我需要在左侧第5段和右侧第2段之间画一条线怎么办?如果我需要在左侧第5段和右侧第2段之间画一条线怎么办?CSS有变换功能,这给了你很多信息CSS有转换,这给了你很大的灵活性。啊,这就是我要找的,一个带有转换的div!谢谢。啊,这就是我要找的,一个有变换的div!谢谢,这里有数据,文本是数据,而不是我认为隐含的数字数据。所以我想这只是图形。谢谢在某种意义上,文本是数据,但不是我认为隐含的数字数据。所以我想这只是图形。谢谢