circle and ellipse cannot change color by classDef

[ygtzf]

When I use mermaidAPI and mermaid.css, graph definiton like below:
graph LR;
A((start))-->B(step1);
B-->C[step2];
C-->D{step3};
D-->E[end];
classDef green fill:#9f6,stroke:#333,stroke-width:1px;
class A,B,C,D,E green;

But, the result is A node and D node is not green;
Please help me! Thanks!

[knsv]

Thanks for raising this issue. Will take a look

[knsv]

Found the issue and added those elements as well. The fix will be included in the next release.

[ygtzf]

Thanks very much.

[manor]

FWIW, this was also an issue nodes with an asymmetric shape (BTW, there is a typo in the docs where the section header is "A node in an asymetric shape" instead of "A node with an asymmetric shape"). If the fix mentioned above does not address this node shape, I can open the observation as a separate issue:

<script src="https://cdn.rawgit.com/knsv/mermaid/0.5.6/dist/mermaid.min.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/knsv/mermaid/0.5.6/dist/mermaid.css">
<script>mermaid.initialize({startOnLoad:true});</script>
<div class="mermaid">
graph TD;
    A-->B(B)
    A-->C>C]
    B-->D((D))
    C-->D
classDef eco fill:green;
class A,B,C,D eco
</div>

[vnijs]

It seems circles are not colored (see @manor 's example above). The same fix implemented for ellipse seems to work fine for circles as well.

• className + '>circle, .'

[tylerlong]

All fixed:
https://mermaidjs.github.io/mermaid-live-editor/#/edit/Z3JhcGggTFI7CkEoKHN0YXJ0KSktLT5CKHN0ZXAxKTsKQi0tPkNbc3RlcDJdOwpDLS0-RHtzdGVwM307CkQtLT5FW2VuZF07CkEtLT5GPkNdCmNsYXNzRGVmIGdyZWVuIGZpbGw6IzlmNixzdHJva2U6IzMzMyxzdHJva2Utd2lkdGg6MXB4OwpjbGFzcyBBLEIsQyxELEUsRiBncmVlbjs

[jsteave]

having the same issue.