Как использовать данные без отображения в оболочке Highcharts-Vue

Question

Я использую highcharts-vue. Обертка прекрасно работает, но я не могу понять, как использовать модуль no-data-to-display. Мой main.js выглядит в основном так:

import Vue from "vue";
import App from "./App";
import BootstrapVue from "bootstrap-vue";
import HighchartsVue from 'highcharts-vue'
import globalFunc from "./mixins/mixins.js";
import { store } from "./store/store";
import axios from "axios";
import { router } from "./router/router.js";

Vue.prototype.$http = axios;
Vue.mixin(globalFunc);
Vue.use(BootstrapVue);
Vue.use(HighchartsVue);

new Vue({
    store: store,
    router: router,
    el: "#app",
    render: h => h(App)
});

Я предположил, что опция noData будет автоматически задействована с использованием Vue.use(HighchartsVue), но это не так.

Есть мысли по этому поводу?

Answer 1

Согласно документу README , вы также должны импортировать highcharts сам:

import Highcharts from 'highcharts';
import HighchartsNoData from 'highcharts-no-data-to-display';

HighchartsNoData(Highcharts);