Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

users map on top of amchart component

Browse source
This commit is contained in:
nixa 2016-05-06 16:18:18 +03:00
parent 55fd4e476f
commit d9939d10b8
4 changed files with 7 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/app/pages/dashboard/usersMap/usersMap.component.ts
View file

@ -1,26 +1,21 @@
import {Component, ViewEncapsulation} from 'angular2/core';
import './usersMap.loader.ts';
import {UsersMapService} from './usersMap.service';
import {BaAmChart} from '../../../theme/components';
@Component({
selector: 'users-map',
encapsulation: ViewEncapsulation.None,
providers: [UsersMapService],
directives: [BaAmChart],
styles: [require('./usersMap.scss')],
template: require('./usersMap.html')
})
export class UsersMap {
mapData:Object;
constructor(private _usersMapService:UsersMapService) {
}
ngAfterViewInit() {
this._loadUsersMap();
}
// TODO: load proper AmCharts theme
private _loadUsersMap() {
AmCharts.makeChart('amChartMap', this._usersMapService.getData());
this.mapData = this._usersMapService.getData();
}
}

2
src/app/pages/dashboard/usersMap/usersMap.html
View file

@ -1 +1 @@
<div id="amChartMap"></div>
<ba-am-chart baAmChartClass="dashboard-users-map" [baAmChartConfiguration]="mapData"></ba-am-chart>

2
src/app/pages/dashboard/usersMap/usersMap.loader.ts
View file

@ -1,2 +0,0 @@
require('ammap3');
require('ammap3/ammap/maps/js/worldLow');

2
src/app/pages/dashboard/usersMap/usersMap.scss
View file

@ -1,4 +1,4 @@
#amChartMap {
.dashboard-users-map {
width: 100%;
height: 315px;
}