Я использую приведенные ниже зависимости, чтобы использовать организационную диаграмму HighChart в пакете. json:
"dependencies": {
"highcharts": "^7.0.1",
"highcharts-vue": "^1.0.4",
"vue": "^2.5.11"
},
Вот как я внедряю это в main. js
import HighchartsVue from 'highcharts-vue'
import Highcharts from 'highcharts'
import organizationInit from 'highcharts/modules/organization'
organizationInit(Highcharts)
Vue.use(HighchartsVue)
Это то, как я использую в организации. vue страница
<template>
<highcharts class="organization" :constructor-type="'organization'" :options="orgOptions"></highcharts>
</template>
<script>
export default {
data () {
return {
orgOptions: {
rangeSelector: {
selected: 1
},
title: {
text: 'AAPL Stock Price'
},
series:[{
type: 'organization',
name: 'Highsoft',
keys: ['from', 'to'],
data: [
['Shareholders', 'Board'],
['Board', 'CEO'],
['CEO', 'CTO'],
['CEO', 'CPO'],
['CEO', 'CSO'],
['CEO', 'CMO'],
['CEO', 'HR'],
['CTO', 'Product'],
['CTO', 'Web'],
['CSO', 'Sales'],
['CMO', 'Market']
],
levels: [{...
Но я получаю ошибку ниже:
Я пробовал несколько способов, но это последняя форма. Что мне делать?