Viz.js:更改形状的边框颜色

时间:2018-01-08 18:55:01

标签: javascript svg graphviz

我为Viz.js提供了以下DOT脚本:

digraph G {
    subgraph cluster_1 {
        color=red;
        node [style=filled, color=grey];
        b0 -> b1 ;
        label = "process #2";
    }
    start -> b0;
    start [shape=Mdiamond];
}

我想更改形状b0的边框。在文档中有一个属性color.border,但我无法在没有错误的情况下将其插入此上下文中。如何更改边框的颜色,例如蓝色?

1 个答案:

答案 0 :(得分:1)

您需要使用colorfillcolor的组合。如果未提供fillcolor,则填充默认为color值,因此边框和填充是相同的。

以下是为您的示例执行此操作的一种方法:

digraph G {
    subgraph cluster_1 {
        color=red;
        node [style=filled, color=grey];
        b0 [color=blue, fillcolor=grey]
        b0 -> b1 ;
        label = "process #2";
    }
    start -> b0;
    start [shape=Mdiamond];
}