bma-org-chart

Organization Chart
995
vue vue3 chart organization org
Install
npm install bma-org-chart
Latest Version:0.0.8
Vue:3
Last Updated:Jun 6, 2023
Links: npm
Maintainer: chinps

Org Chart

วิธีใช้

// import Org Chart Component
import { OrgChart } from 'org-chart'
import 'org-chart/org-chart.css' // or import 'org-chart/dist/style.css'

// import Data from static file or API
import chartData from '@/assets/orgChartData'
const dataSource = ref(chartData)

// onClick Event
const chartClick = (data: any) => {
	console.log(data.value)
}

<OrgChart
	:dataSource="data"
	@onElementClick="chartClick"
/>

Related Packages

organization-chart-vue3

A lightweight, interactive organization chart component for Vue 3 with collapsib...

5,750 5
chart org organization vue vue3 organization chart vue3 chart vue3 component vue3 org vue3 org chart +2
vue-organization-chart

organization chart component based vuejs

120,364 303
chart organization orgchart tree tree-like tree-view vuejs
vue3-organization-chart
45,763 19
chart organization orgchart tree tree-like tree-view vue3js vuejs
vue-okr-tree

一个特殊布局模式结构的`vue Tree`组件

3,749 650
chart org okr org-tree tree vue-chart vue-ork-tree vue-tree
@efont/vue-baselib

vue-baselib

2,721 2
chart vue

Version History

Version Released Vue License
0.0.8 ^3.2.47
0.0.7 ^3.2.47
0.0.6 ^3.2.47
0.0.5 ^3.2.47
0.0.4 ^3.2.47