小编Ted*_*zey的帖子

我有两个图表,我加载在同一页面/组件上.我能够让它们在页面加载时显示得很好.我的网站是响应式的,我需要在window.resize上重绘图表.当只有一个图表时,一切正常,但当我向页面添加第二个图表时,只有第二个(最后一个)图表在window.resize上调整大小.我该如何解决？

我使用angular2 RC1,与angular2,谷歌,图表:" https://www.npmjs.com/package/angular2-google-chart "在GitHub上:" https://github.com/vimalavinisha/angular2-google-图表 "

index.html页面:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script>  
   /* googleLoaded = false allows for more than one chart per page */
   var googleLoaded = false;
</script>

谷歌-charts.directive.ts:

import {
    Directive, 
    ElementRef,
    Input,
    OnInit } from '@angular/core';

declare var google       : any;
declare var googleLoaded : any;

@Directive( {
    selector: '[GoogleChart]',
    properties: [
        'chartType',
        'chartOptions',
        'chartData'
    ]
} )
export class GoogleChart implements OnInit {
    public _element : any;
    @Input( 'chartType')     public chartType    : string;
    @Input( 'chartOptions' …