linear_flowchart

A SVG based flowchart for Angular.

Usage no npm install needed!

<script type="module">
  import linearFlowchart from 'https://cdn.skypack.dev/linear_flowchart';
</script>

README

LinearFlowchart

This library was generated with Angular CLI version 12.1.0.

banner

Properties

Property Type Details Usage Example
cellsOnFirstLine Number To define the number of cells to be shown on the first row in flowchart. [cellsOnFirstLine]="4"
FontFamily String To define the Font family of the text. [FontFamily]="'sans-serif'"
CellColor String To define color of the cells. [CellColor]="'green'"
Data Array To put your desired text in cells, send the data in array form. [Data]="[1,2,3,4]"
svgWindowHeight Number To define the SVG height. Default set to 400px. [svgWindowHeight]="400"
RouteData Array To Route on click on cells, send the data in array form.
Note: length of Data array and RouteData array must be equal. Uses navigateByUrl()		 [RouteData]="['/home','/settings']"