Faulty rendering with big uml
marionebl opened this issue · comments
With big uml descriptions gravizo renders black strokes from the upper edge to each component, the borders of the components are missing:
Used definition:
![woo](http://g.gravizo.com/g?
@startuml;
skinparam monochrome true;
skinparam shadowing false;
skinparam component {;
backgroundColor<<artifact:npm>> lightgray;
componentFontColor<<artifact:fooofoo>> white;
};
component "meh" {;
component [foo-bar] as foo.pp.git;
component [foo-baz-fizz] as foo.bs.git;
component [foo-looloo] as foo.looloo.git;
component [foo-baz-protoype-sisi] as foo.sisi.git;
component [foo-baz-frame] as foo.frame.git;
};
component "mah" {;
component [foo-bar-ham] as foo.pp.ham.woom;
component [foo-bar-ham-deploy] as foo.pp.ham.deploy;
component [foo-bar-cloud-deploy] as foo.pp.cloud.deploy;
component [foo-buzz] as foo.buzz.woom;
component [foo-baz-fizz-ham-deploy] as foo.bs.ham.deploy;
component [foo-baz-fizz-cloud-deploy] as foo.bs.cloud.deploy;
component [foo-baz-fizz-ham] as foo.bs.woom;
component "foo-baz-sums" as foo.sums;
component [foo-looloo] as foo.looloo.woom;
component [foo-baz-protoype-sisi] as foo.sisi.woom;
component "foo-baz-frame" as foo.frame.woom;
};
component "moo"{;
package [foo-baz-frame] <<artifact:npm>> as foo.frame.npm;
package [foo-buzz] <<artifact:npm>> as foo.buzz.npm;
package [foo-looloo] as foo.looloo.npm;
package [foo-baz-protoype-sisi] as foo.sisi.npm;
};
component "spee"{;
component [foo-bar] <<staging>> as foo.pp.ham.app;
component [foo-baz-fizz] <<staging>> as foo.bs.ham.app;
component [foo-bar] <<production>> as foo.pp.cloud.app;
component [foo-baz-fizz] <<production>> as foo.bs.cloud.app;
};
component "shrimps"{;
node [schoo/foo-bar] <<artifact:fooofoo>> as foo.pp.ramp;
node [schoo/foo-baz-fizz] <<artifact:fooofoo>> as foo.bs.ramp;
};
foo.pp.git ..> foo.pp.ham.woom;
foo.pp.git ..> foo.buzz.woom;
foo.bs.git ..> foo.bs.woom;
foo.looloo.git ..> foo.looloo.woom;
foo.sisi.git ..> foo.sisi.woom;
foo.frame.git => foo.frame.woom;
foo.looloo.woom => foo.looloo.npm;
foo.buzz.woom => foo.buzz.npm;
foo.sisi.woom => foo.sisi.npm;
foo.frame.woom => foo.frame.npm;
foo.looloo.npm ..> foo.pp.ham.woom;
foo.buzz.npm ..> foo.bs.woom;
foo.buzz.npm ..> foo.sums;
foo.frame.npm ..> foo.bs.woom;
foo.frame.npm ..> foo.sums;
foo.sisi.npm ..> foo.bs.woom;
foo.pp.ham.woom => foo.pp.ramp;
foo.bs.woom => foo.bs.ramp;
foo.pp.ham.app <.. foo.pp.ramp;
foo.bs.ham.app <.. foo.bs.ramp;
foo.pp.cloud.app <.. foo.pp.ramp;
foo.bs.cloud.app <.. foo.bs.ramp;
foo.pp.ham.woom ..> foo.pp.ham.deploy;
foo.pp.ham.woom ..> foo.pp.cloud.deploy;
foo.bs.woom ..> foo.bs.ham.deploy;
foo.bs.woom ..> foo.bs.cloud.deploy;
foo.pp.ham.deploy ==> foo.pp.ham.app;
foo.pp.cloud.deploy ==> foo.pp.cloud.app;
foo.bs.ham.deploy ==> foo.bs.ham.app;
foo.bs.cloud.deploy ==> foo.bs.cloud.app;
@enduml
)
Thanks @marionebl I will take a look.
@marionebl I can render it correctly pasting your code directly:
![woo](http://g.gravizo.com/g?
@startuml;
skinparam monochrome true;
skinparam shadowing false;
skinparam component {;
backgroundColor<artifact:npm> lightgray;
componentFontColor<artifact:fooofoo> white;
};
component "meh" {;
component [foo-bar] as foo.pp.git;
component [foo-baz-fizz] as foo.bs.git;
component [foo-looloo] as foo.looloo.git;
component [foo-baz-protoype-sisi] as foo.sisi.git;
component [foo-baz-frame] as foo.frame.git;
};
component "mah" {;
component [foo-bar-ham] as foo.pp.ham.woom;
component [foo-bar-ham-deploy] as foo.pp.ham.deploy;
component [foo-bar-cloud-deploy] as foo.pp.cloud.deploy;
component [foo-buzz] as foo.buzz.woom;
component [foo-baz-fizz-ham-deploy] as foo.bs.ham.deploy;
component [foo-baz-fizz-cloud-deploy] as foo.bs.cloud.deploy;
component [foo-baz-fizz-ham] as foo.bs.woom;
component "foo-baz-sums" as foo.sums;
component [foo-looloo] as foo.looloo.woom;
component [foo-baz-protoype-sisi] as foo.sisi.woom;
component "foo-baz-frame" as foo.frame.woom;
};
component "moo"{;
package [foo-baz-frame] <artifact:npm> as foo.frame.npm;
package [foo-buzz] <artifact:npm> as foo.buzz.npm;
package [foo-looloo] as foo.looloo.npm;
package [foo-baz-protoype-sisi] as foo.sisi.npm;
};
component "spee"{;
component [foo-bar] <> as foo.pp.ham.app;
component [foo-baz-fizz] <> as foo.bs.ham.app;
component [foo-bar] <> as foo.pp.cloud.app;
component [foo-baz-fizz] <> as foo.bs.cloud.app;
};
component "shrimps"{;
node [schoo/foo-bar] <artifact:fooofoo> as foo.pp.ramp;
node [schoo/foo-baz-fizz] <artifact:fooofoo> as foo.bs.ramp;
};
foo.pp.git ..> foo.pp.ham.woom;
foo.pp.git ..> foo.buzz.woom;
foo.bs.git ..> foo.bs.woom;
foo.looloo.git ..> foo.looloo.woom;
foo.sisi.git ..> foo.sisi.woom;
foo.frame.git => foo.frame.woom;
foo.looloo.woom => foo.looloo.npm;
foo.buzz.woom => foo.buzz.npm;
foo.sisi.woom => foo.sisi.npm;
foo.frame.woom => foo.frame.npm;
foo.looloo.npm ..> foo.pp.ham.woom;
foo.buzz.npm ..> foo.bs.woom;
foo.buzz.npm ..> foo.sums;
foo.frame.npm ..> foo.bs.woom;
foo.frame.npm ..> foo.sums;
foo.sisi.npm ..> foo.bs.woom;
foo.pp.ham.woom => foo.pp.ramp;
foo.bs.woom => foo.bs.ramp;
foo.pp.ham.app <.. foo.pp.ramp;
foo.bs.ham.app <.. foo.bs.ramp;
foo.pp.cloud.app <.. foo.pp.ramp;
foo.bs.cloud.app <.. foo.bs.ramp;
foo.pp.ham.woom ..> foo.pp.ham.deploy;
foo.pp.ham.woom ..> foo.pp.cloud.deploy;
foo.bs.woom ..> foo.bs.ham.deploy;
foo.bs.woom ..> foo.bs.cloud.deploy;
foo.pp.ham.deploy ==> foo.pp.ham.app;
foo.pp.cloud.deploy ==> foo.pp.cloud.app;
foo.bs.ham.deploy ==> foo.bs.ham.app;
foo.bs.cloud.deploy ==> foo.bs.cloud.app;
@enduml)
Can you test again? Could it be a race condition?
Seems to work now, thanks!
2016-02-06 16:01 GMT+01:00 Hugo Freire Gil notifications@github.com:
I can render it correctly pasting your code directly:
Can you test again? Could it be a race condition?
—
Reply to this email directly or view it on GitHub
#8 (comment).
Fixed