如何导入角度6中的地图集

Question

我正试着用高图集的角度。我宣布Highmap如下：

    import * as Highmaps from 'highcharts/highmaps';

这似乎很好，因为它显示一个空框与一个标题，错过了地图本身。

因此，我还安装了地图集合，如描述的这里。

    npm i @highcharts/map-collection

但是如何以角度导入地图集合呢？

本教程描述如何导入node.js中的映射：

    var Highcharts = require('highcharts/highmaps.js'),
    map = require('@highcharts/map-collection/custom/world.geo.json');

什么是角的等价物？

Answer 1

请按照此github页面上的说明https://github.com/highcharts/highcharts-angular

我认为这是你正在寻找的正确版本。另一个是普通的JS版本。

您可以在此链接中找到地图加载示例。https://github.com/highcharts/highcharts-angular/blob/master/src/app/app.component.ts

请看一看

import * as Highcharts from 'highcharts';
import MapModule from 'highcharts/modules/map';
const mapWorld = require('@highcharts/map-collection/custom/world.geo.json')
MapModule(Highcharts);

Answer 2

您需要先从高图集导入MapChart，

import { Chart, MapChart } from 'angular-highcharts';

然后,

const Highcharts = {maps: {}};
require('../assets/maps')(Highcharts);

查看演示