Vue уменьшает размер пакета fusioncharts и apexcharts

Я пытаюсь уменьшить размер пакета vue, изменив импорт vue-apexcharts и vue-fusioncharts.

это импорт apexcharts:

import VueApexCharts from 'vue-apexcharts';

components: {
        apexchart: VueApexCharts,
    },

Но я использую только два типа диаграмм.

И для fusioncharts:

import VueFusionCharts from 'vue-fusioncharts';
import FusionCharts from 'fusioncharts';
import Widgets from 'fusioncharts/fusioncharts.widgets';
import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';

Widgets(FusionCharts);
FusionTheme(FusionCharts);
Vue.use(VueFusionCharts, FusionCharts);

Я использую его только для одной диаграммы hbullet, и он импортирует всю библиотеку.

fusioncharts apexcharts

Vue версии 2.6.12

Кто-нибудь знает, как я могу импортировать только те диаграммы, которые я хочу использовать, а не всю библиотеку.

Спасибо.


javascript vue.js fusioncharts apexcharts
person Eyal Mahalal    schedule 26.11.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать модульный импорт с FusionCharts, вот фрагмент ниже

import VueFusionCharts from 'vue-fusioncharts';
import FusionCharts from 'fusioncharts/core';
import hbullet from 'fusioncharts/viz/hbullet';

// register VueFusionCharts component
Vue.use(VueFusionCharts, FusionCharts, hbullet);

Обратите внимание, что это не будет работать для старых браузеров, таких как IE.

person Zapdos13    schedule 14.12.2020
comment
Спасибо, все работает нормально. - person Eyal Mahalal; 03.02.2021