在infovis中将平行线改为箭头行

Question

如何在infovis中将平行线改为箭头行？

目前，在块之间有一些行，我找到了一些css文件，但是我找不到描述行行为的内容，因此我可以将普通行更改为箭头行。

谢谢。

Answer 1

一般说:你不能(也不应该)通过CSS改变它。在安装过程中定义这些属性。

以下是一个简短的解释：

• 生成和边缘(网络可视化中的一行)的代码是由位于Edge中的Options.Edge.js方法/函数生成的。
• 函数Edge是$jit对象的属性/模块，其工作方式如下： var viz =新$jit.Viz({ Edge：{ overridable: true，type：'line'，color：'#fff'，CanvasStyles：{：‘ccc’，shadowBlur: 10 }} )；
• 重要的是将overridable定义为true，因为您不能覆盖任何东西。您要搜索的参数是type。允许的值是line、hyperline、arrow和我非常肯定bezier也会工作--不确定这对于每种类型的图是否都是正确的。您还可以定义自定义图形边缘类型-文档中缺少一个示例。
• 若要更改Line/Edge样式，还需要在呈现之前触发另一个函数。您只需在图形注册过程中定义$jit.Viz( { /* add here */ } ); -示例/Spacetree这里中的代码： //此方法在绘制//边之前调用。它对于在绘制边缘//样式属性之前更改它很有用。以美元符号为前缀的// Edge数据凸起将//覆盖边缘全局样式属性。onBeforePlotLine:函数(Adj){ if (adj.nodeFrom.selected && adj.nodeTo.selected) { adj.data.$color = "#eed"；adj.data.$lineWidth = 3；}其他{删除adj.data.$color；删除adj.data.$lineWidth；}}
• 最后一步是检查add.data可以交付什么，然后添加所需的样式，或者使用闭包定义一个新的样式。

可能还有另一种方法可以这样做:例如，一个ForceDirected图。请看一下文档这里。

$jit.ForceDirected.Plot.plotLine( adj, canvas, animating );

也许你甚至可以用这样的东西：

var edge = viz.getEdge('Edge_ID');
edge.setData( property, value, type );

免责声明:我身边没有with /InfoViz库的工作副本，因此，除非您在代码中添加一个JSFiddle示例，否则我无能为力。

编辑

正如我刚才所读到的，您只想更改为默认的arrow类型，只需在图形配置期间输入此类型即可。