From fa46d61ab03de21f860a10da91f1a17da7c0944e Mon Sep 17 00:00:00 2001 From: knsv Date: Thu, 27 Nov 2014 18:55:15 +0100 Subject: [PATCH] Updated readme and changes to the coverage setting on the ci server --- .travis.yml | 7 ++++++- README.md | 29 +++++++++++++++++++++++++++++ 2 files changed, 35 insertions(+), 1 deletion(-) diff --git a/.travis.yml b/.travis.yml index cb7101adc..b23a903b9 100644 --- a/.travis.yml +++ b/.travis.yml @@ -1,3 +1,8 @@ language: node_js node_js: - - "0.10" \ No newline at end of file + - "0.10" + addons: + code_climate: + repo_token: e87e6bf1c253e0555437ebd23235fdfe2749b889358e7c6d100e4ea5b4f2e091 + after_script: + - cat coverage/lcov.info | codeclimate \ No newline at end of file diff --git a/README.md b/README.md index 62a6b7dcf..8edd2e9e0 100644 --- a/README.md +++ b/README.md @@ -141,6 +141,21 @@ id1(This is the text in the box); ![Node with round edges](http://www.sveido.com/mermaid/img/ex7.png) +### A node in the form of a circle +``` +id1((This is the text in the box)); +``` + +![Node with round edges](http://www.sveido.com/mermaid/img/ex12.png) + +### A node in an asymetric shape +``` +id1>This is the text in the box]; +``` + +![Node with round edges](http://www.sveido.com/mermaid/img/ex13.png) + + ### A node (rhombus) ``` id1{This is the text in the box}; @@ -218,5 +233,19 @@ A---|This is the text|B; ![Text on links](http://www.sveido.com/mermaid/img/ex11.png) +### Styling links +It is possible to style links for instance a link that is going back in the flow. This is done by the linkStyle statement as in the example below: + +``` +linkStyle 3 stroke:#ff3,stroke-width:4px; +`` + +## Interaction + +It is possible to bind a click event to a node: click nodeId callback. + +* nodeId is the id of the node +* callback is the name of a javascript function defined on the page displaying the graph, the function will be called with the nodeId as parameter. + # Credits Many thanks to the [d3](http://d3js.org/) and [dagre-d3](https://github.com/cpettitt/dagre-d3) projects for providing the graphical layout and drawing libraries!!!