在Graphviz的HTML标签中使用CSS类 [英] Using CSS classes in HTML labels on Graphviz

问题描述

我有一个graphviz（2.38.0（20140413.2041））图，其中每个节点包含几行文本，我想不同的线条以不同的样式。目前我有：

I've got a graphviz (2.38.0 (20140413.2041)) graph where each node contains a few lines of text and I'd like the different lines to be styled differently. Currently I have:

digraph G{
    stylesheet = "styles.css";
    graph[rankdir=BT];
    node[shape=box];

    Andrew[label=<
        Andrew
        <br />Red
        <br />34
        >];
    James[label=<
        James
        <br />Yellow
        <br />26
        >];

    Andrew -> James;
}

使用样式表：

.name {
    font-weight: bold;
}

.age{
    color: blue;
}

我希望能够使用以下功能： / p>

And I'm hoping to be able to use a feature such as:

   Andrew[label=<
        <font class="name">Andrew</font>
        <br />Red
        <br /><font class="age">34</font>
        >];

但不幸的是点给了我：

Warning: Illegal attribute class in <FONT> - ignored
Warning: Illegal attribute class in <FONT> - ignored

我有一个搜索，找不到任何东西，所以我不确定如果有优先的方式来完成我想要实现的（如某种宏生成重复的格式化），我错过了。

I've had a search and couldn't find anything, so I'm not sure if there is preferred way of accomplishing what I'm trying to achieve (such as some sort of macro to generate repeated formatting) that I've missed.

推荐答案

它看起来像graphviz接受的HTML的子集不包括 class 属性< font>

It looks like the subset of HTML that graphviz accepts doesn't include class attribute inside <font>

 <!-- Font specification -->

<FONT
  COLOR="color"
  FACE="fontname"
  POINT-SIZE="value"
>

（来自 http://www.graphviz.org/content/node-shapes#html ）

他们谈论：

注意：这些标签支持的功能和语法建模在HTML上。但是，有许多方面与Graphviz标签相关，不是在HTML中，相反，HTML允许在Graphviz中无意义的各种结构。我们通常将这些标签称为HTML标签，而不是麻烦的类似HTML的标签，但读者警告，这些不是真正的HTML。下面的语法准确描述了Graphviz会接受的。

这篇关于在Graphviz的HTML标签中使用CSS类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！