# vue-mxgraph-example

**Repository Path**: npf/vue-mxgraph-example

## Basic Information

- **Project Name**: vue-mxgraph-example
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-03-25
- **Last Updated**: 2024-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <img width="200" src="http://picture.lanniu.top/vue-mxgraph.png">
</p>

<h1 align="center">
  <a href="https://demo.mxgraph.lanniu.top" target="_blank">vue mxGraph example</a>
</h1>

![image](http://picture.lanniu.top/gitTool.gif)

English | [简体中文](./README-zh_CN.md)

## Features
* Provide mxGraph sample programs under vue to help you get started quickly.
* Now only a few simple small example, if want to see what mxGraph Demo can give me issue, or contact me through the following ways.

## Demo List

<table>
  <tr>
    <td>CascadeDelete</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/cascadeDelete" target="_blank">View Online</a></td>
    <td></td>
  </tr>
  <tr>
    <td>Toolbar</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/toolbar" target="_blank">View Online</a></td>
    <td></td>
  </tr>
  <tr>
    <td>CustomToolbar</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/customToolbar" target="_blank">View Online</a></td>
    <td><a href="./doc/customToolbar_design_en_us.md">Design Notes</a></td>
  </tr>
  <tr>
    <td>StencilToolbar</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/stencilToolbar" target="_blank">View Online</a></td>
    <td></td>
  </tr>
  <tr>
    <td>HtmlLabel</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/htmlLabel" target="_blank">View Online</a></td>
    <td></td>
  </tr>
  <tr>
    <td>EdgeStyle</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/edgeStyle" target="_blank">View Online</a></td>
    <td></td>
  </tr>
  <tr>
    <td>CustomConnectionConstraints</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/customConnectionConstraints" target="_blank">View Online</a></td>
    <td></td>
  </tr>
  <tr>
    <td>ManualDrawing</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/manualDrawing" target="_blank">View Online</a></td>
    <td></td>
  </tr>
  <tr>
    <td>GroupEditor</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/groupEditor" target="_blank">View Online</a></td>
    <td></td>
  </tr>
</table>

## Contact
* weChat： **lanniu770314**
* email： **271067929@qq.com**