Как правильно управлять импортом в Angular?

Question

Я пытаюсь импортировать модули данных в Angular для чтения CSV в таких диаграммах:

import * as HighchartsMore from "highcharts/highcharts-more";
import * as HighchartsExporting from "highcharts/modules/exporting";
import * as HighchartsData from "highcharts/modules/data";

HighchartsMore(Highcharts);
HighchartsExporting(Highcharts);
HighchartsData(Highcharts);

Однако при этом я получаю следующую ошибку:

Невозможно вызвать выражение, тип которого не имеет сигнатуры вызова. Тип 'typeof import("angular-highcharts/node_modules/highcharts/highcharts-more")' не имеет совместимых сигнатур вызовов

Другие вещи, которые я пробовал, заключались в следующем:

import HC_data from 'highcharts/modules/data';
let Boost = require('highcharts/modules/boost');
let noData = require('highcharts/modules/no-data-to-display');
let More = require('highcharts/highcharts-more');
Boost(Highcharts);
noData(Highcharts);
More(Highcharts);
noData(Highcharts);
HC_data(Highcharts);

В этом случае я не получаю сообщения об ошибке, но на высоких диаграммах просто отображается:

Нет данных для отображения

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

data: {
   csv: csvFile
},

Что я делаю неправильно? как правильно импортировать модуль данных? или как я могу правильно показать данные CSV в диаграммах?

Answer 1

Попробуйте следующий метод.

import {HC_data} from 'highcharts/modules/data';
import {Boost} from 'highcharts/modules/boost';
import {noData} from 'highcharts/modules/no-data-to-display';
import  {More} from 'highcharts/highcharts-more';
Boost(Highcharts);
noData(Highcharts);
More(Highcharts);
noData(Highcharts);
HC_data(Highcharts);

Попробуйте этот код.