Vue.Js.OrgChart.Chart 1.1.7.1

dotnet add package Vue.Js.OrgChart.Chart --version 1.1.7.1
                    
NuGet\Install-Package Vue.Js.OrgChart.Chart -Version 1.1.7.1
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<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.
<PackageVersion Include="Vue.Js.OrgChart.Chart" Version="1.1.7.1" />
                    
Directory.Packages.props
<PackageReference Include="Vue.Js.OrgChart.Chart" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Vue.Js.OrgChart.Chart --version 1.1.7.1
                    
#r "nuget: Vue.Js.OrgChart.Chart, 1.1.7.1"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#addin nuget:?package=Vue.Js.OrgChart.Chart&version=1.1.7.1
                    
Install Vue.Js.OrgChart.Chart as a Cake Addin
#tool nuget:?package=Vue.Js.OrgChart.Chart&version=1.1.7.1
                    
Install Vue.Js.OrgChart.Chart as a Cake Tool

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

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 'vue-orgchart/dist/style.min.css'

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

There are no supported framework assets in this package.

Learn more about Target Frameworks and .NET Standard.

This package has no dependencies.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.1.7.1 834 11/5/2018