cebor/angular-highcharts

MapChart with "countries/us/us-all"

vslpdev opened this issue · 0 comments

I can't bind the us all countries map with MapChart,

I am having error in data series, below is my code.

import { Component, OnInit, Input } from '@angular/core';
import { MapChart } from 'angular-highcharts';
import * as Highcharts from 'highcharts/highmaps';
import * as usJson from 'src/assets/maps/us-all.geo.json';

@Component({
	selector: 'app-vactor-map',
	templateUrl: './vactor-map.component.html',
	styleUrls: ['./vactor-map.component.scss']
})
export class VactorMapComponent implements OnInit {

	@Input()
	public chartConfigurations;
	public mapChart;

	constructor() { }

	ngOnInit(): void {
		this.mapChart = new MapChart({
			chart: {
				map: usJson
			},
			title: {
				text: "Highmaps basic demo"
			},
			subtitle: {
				text:
					'Source map: <a href="http://code.highcharts.com/mapdata/custom/world.js">World, Miller projection, medium resolution</a>'
			},
			mapNavigation: {
				enabled: true,
				buttonOptions: {
					alignTo: "spacingBox"
				}
			},
			legend: {
				enabled: true
			},
			colorAxis: {
				min: 0
			},
			series: [
				{
					mapData: usJson,
					data: [
						{
							"value": 438,
							"code": "nj"
						},
						{
							"value": 387.35,
							"code": "ri"
						},
						{
							"value": 312.68,
							"code": "ma"
						},
						{
							"value": 271.4,
							"code": "ct"
						},
						{
							"value": 209.23,
							"code": "md"
						},
						{
							"value": 195.18,
							"code": "ny"
						},
						{
							"value": 154.87,
							"code": "de"
						},
						{
							"value": 114.43,
							"code": "fl"
						},
						{
							"value": 107.05,
							"code": "oh"
						},
						{
							"value": 105.8,
							"code": "pa"
						},
						{
							"value": 86.27,
							"code": "il"
						},
						{
							"value": 83.85,
							"code": "ca"
						},
						{
							"value": 72.83,
							"code": "hi"
						},
						{
							"value": 69.03,
							"code": "va"
						},
						{
							"value": 67.55,
							"code": "mi"
						},
						{
							"value": 65.46,
							"code": "in"
						},
						{
							"value": 63.8,
							"code": "nc"
						},
						{
							"value": 54.59,
							"code": "ga"
						},
						{
							"value": 53.29,
							"code": "tn"
						},
						{
							"value": 53.2,
							"code": "nh"
						},
						{
							"value": 51.45,
							"code": "sc"
						},
						{
							"value": 39.61,
							"code": "la"
						},
						{
							"value": 39.28,
							"code": "ky"
						},
						{
							"value": 38.13,
							"code": "wi"
						},
						{
							"value": 34.2,
							"code": "wa"
						},
						{
							"value": 33.84,
							"code": "al"
						},
						{
							"value": 31.36,
							"code": "mo"
						},
						{
							"value": 30.75,
							"code": "tx"
						},
						{
							"value": 29,
							"code": "wv"
						},
						{
							"value": 25.41,
							"code": "vt"
						},
						{
							"value": 23.86,
							"code": "mn"
						},
						{
							"value": 23.42,
							"code": "ms"
						},
						{
							"value": 20.22,
							"code": "ia"
						},
						{
							"value": 19.82,
							"code": "ar"
						},
						{
							"value": 19.4,
							"code": "ok"
						},
						{
							"value": 17.43,
							"code": "az"
						},
						{
							"value": 16.01,
							"code": "co"
						},
						{
							"value": 15.95,
							"code": "me"
						},
						{
							"value": 13.76,
							"code": "or"
						},
						{
							"value": 12.69,
							"code": "ks"
						},
						{
							"value": 10.5,
							"code": "ut"
						},
						{
							"value": 8.6,
							"code": "ne"
						},
						{
							"value": 7.03,
							"code": "nv"
						},
						{
							"value": 6.04,
							"code": "id"
						},
						{
							"value": 5.79,
							"code": "nm"
						},
						{
							"value": 3.84,
							"code": "sd"
						},
						{
							"value": 3.59,
							"code": "nd"
						},
						{
							"value": 2.39,
							"code": "mt"
						},
						{
							"value": 1.96,
							"code": "wy"
						},
						{
							"value": 0.42,
							"code": "ak"
						}
					]
				}],

		});
	}

}