如何在离子利用WordCloud NPM中显示文字云？

Question

我已经完成了@types安装和云包安装。然而，我仍然遇到错误，无法显示云词。

下面的typescript和html代码：

    import { Component } from '@angular/core';

    import { NavController } from 'ionic-angular';

    import { WordCloud } from 'wordcloud';

    @Component({
      selector: 'page-home',
      templateUrl: 'home.html'
    })
    export class HomePage {

      list = [['foo', 12], ['bar', 6]];

      constructor(public navCtrl: NavController) {
      }

      WordCloud(document.getElementById('my_canvas'), { list: list } );
}

    <ion-header>
      <ion-navbar>
        <ion-title>
          Ionic Blank
        </ion-title>
      </ion-navbar>
    </ion-header>

    <ion-content padding>
      <canvas id="my_canvas"></canvas>
    </ion-content>

我正在使用这个包：https://www.npmjs.com/package/wordcloud