MapChart with "countries/us/us-all"
vslpdev opened this issue · 0 comments
vslpdev commented
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"
}
]
}],
});
}
}