Vue.Js.OrgChart.Chart 1.1.7.1

Support import and export JSON
Supports exporting chart as a picture
draggable Orgchart
Editable Orgchart

Install-Package Vue.Js.OrgChart.Chart -Version 1.1.7.1
dotnet add package Vue.Js.OrgChart.Chart --version 1.1.7.1
<PackageReference Include="Vue.Js.OrgChart.Chart" Version="1.1.7.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Vue.Js.OrgChart.Chart --version 1.1.7.1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Intro

  • First of all, thanks a lot for dabeng's great work -- OrgChart.js
  • If you prefer the Vue.js Wrapper for Orgchart.js,you could try my project

Links

Feature

  • Support import and export JSON
  • Supports exporting chart as a picture
  • draggable Orgchart
  • Editable Orgchart

...

Install

npm install vue-orgchart -S

Quick Start

In main.js

import &#39;vue-orgchart/dist/style.min.css&#39;

In *.vue

<template>
  <div>
    <vo-basic :data="chartData"></vo-basic>
  </div>
</template>

<script>
import { VoBasic } from 'vue-orgchart'
export default {
  components: { VoBasic }
  created () {
    this.chartData = {
      name: 'JavaScript',
        children: [
          { name: 'Angular' },
          {
            name: 'React',
            children: [{ name: 'Preact' }]
          },
          {
            name: 'Vue',
            children: [{ name: 'Moon' }]
          }
        ]
    }
}
</script>

Development

# install dependencies
npm install

# serve with hot reload at localhost:8999
npm run dev

# unit test
npm run test

# build by rollup
npm run rollup

License

MIT

Intro

  • First of all, thanks a lot for dabeng's great work -- OrgChart.js
  • If you prefer the Vue.js Wrapper for Orgchart.js,you could try my project

Links

Feature

  • Support import and export JSON
  • Supports exporting chart as a picture
  • draggable Orgchart
  • Editable Orgchart

...

Install

npm install vue-orgchart -S

Quick Start

In main.js

import &#39;vue-orgchart/dist/style.min.css&#39;

In *.vue

<template>
  <div>
    <vo-basic :data="chartData"></vo-basic>
  </div>
</template>

<script>
import { VoBasic } from 'vue-orgchart'
export default {
  components: { VoBasic }
  created () {
    this.chartData = {
      name: 'JavaScript',
        children: [
          { name: 'Angular' },
          {
            name: 'React',
            children: [{ name: 'Preact' }]
          },
          {
            name: 'Vue',
            children: [{ name: 'Moon' }]
          }
        ]
    }
}
</script>

Development

# install dependencies
npm install

# serve with hot reload at localhost:8999
npm run dev

# unit test
npm run test

# build by rollup
npm run rollup

License

MIT

Dependencies

This package has no dependencies.

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
1.1.7.1 146 11/5/2018