diagram-vue
A SVG-based diagram component for Vue
Installation
npm i diagram-vue --save
Usage
Ready-to-use editor
1. Import
;;
2. Template
See Data specification.
Customization
1. Import
;;
2. Template
3. Props
props: width: Number height: Number background: String nodes: Array links: Array editable: Boolean labels: Object fluid: Boolean
See Data specification.
4. Events
{ /* event handler */} { /* event handler */} { /* event handler */ const nodes = objnodes} { /* event handler */ const links = objlinks}
5. Get SVG as String
Use plain JavaScript.
documentinnerHTML; // <svg ...>...</svg>
Development
Development Environment
Project setup
yarn install
Compiles and hot-reloads for development
yarn run serve
Compiles and minifies for production
yarn run build
Run your tests
yarn run test
Lints and fixes files
yarn run lint
Run your end-to-end tests
yarn run test:e2e
Run your unit tests
yarn run test:unit