diff --git a/demo/style-attrs.html b/demo/style-attrs.html index 10970763..41b25978 100644 --- a/demo/style-attrs.html +++ b/demo/style-attrs.html @@ -49,6 +49,8 @@

Dagre D3 Demo: Style Attributes

// Double the size of the font for node "C" g.setNode("C", { labelStyle: "font-size: 2em" }); +g.setNode("D", {}); + // Make the edge from "A" to "B" red, thick, and dashed g.setEdge("A", "B", { style: "stroke: #f66; stroke-width: 3px; stroke-dasharray: 5, 5;", @@ -61,6 +63,13 @@

Dagre D3 Demo: Style Attributes

labelStyle: "font-style: italic; text-decoration: underline;" }); +// Make the edge between A and D smoother. +// see available options for lineInterpolate here: https://github.com/mbostock/d3/wiki/SVG-Shapes#line_interpolate +g.setEdge("A", "D", { + label: "line interpolation different", + lineInterpolate: 'basis' +}); + // Create the renderer var render = new dagreD3.render();