Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 07:50:12 +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 {Component, ViewEncapsulation} from 'angular2/core';
import './usersMap.loader.ts';
import {UsersMapService} from './usersMap.service'; import {UsersMapService} from './usersMap.service';
import {BaAmChart} from '../../../theme/components';
@Component({ @Component({
selector: 'users-map', selector: 'users-map',
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
providers: [UsersMapService], providers: [UsersMapService],
directives: [BaAmChart],
styles: [require('./usersMap.scss')], styles: [require('./usersMap.scss')],
template: require('./usersMap.html') template: require('./usersMap.html')
}) })
export class UsersMap { export class UsersMap {
mapData:Object;
constructor(private _usersMapService:UsersMapService) { constructor(private _usersMapService:UsersMapService) {
} this.mapData = this._usersMapService.getData();
ngAfterViewInit() {
this._loadUsersMap();
}
// TODO: load proper AmCharts theme
private _loadUsersMap() {
AmCharts.makeChart('amChartMap', 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%; width: 100%;
height: 315px; height: 315px;
} }