как загрузить d3 перед nvd3 в угловых 6 - PullRequest
Новая
       19

как загрузить d3 перед nvd3 в угловых 6

0 голосов
/ 24 января 2019

Я использую ng2-nvd3 для линейного графика, и он отлично работает в режиме разработки, но при запуске в режиме prod выдает ошибку Изображение ошибки связано . Код для этого я использую следующим образом. 

async realTimeChartDatahandling(val, date) {
  const obj = [{
    values: this.malware, // values - represents the array of {x,y} data 
    points
    key: 'Malware Attacks', // key  - the name of the series.
    color: '#f05050', // color - optional: choose your own line color.
    disabled: this.malware_disabled,
  }, {
    values: this.sip,
    key: 'Sip Attacks',
    color: '#2ca02c',
    disabled: this.sip_disabled,
  }, {
    values: this.web,
    key: 'Web Attacks',
    color: '#23b7e5',
    disabled: this.web_disabled,

  }, {
    values: this.probing,
    key: 'Probing Attacks',
    color: '#FFA07A',
    disabled: this.probing_disabled,

  }, {
    values: this.ssh,
    key: 'Ssh Attacks',
    color: '#141719',
    disabled: this.ssh_disabled,

  }, {
    values: this.database,
    key: 'Database Attacks',
    color: '#54596a',
    disabled: this.database_disabled,

  }, {
    values: this.allAttack,
    key: 'Total Attacks',
    color: '#999',
    disabled: this.total_disabled,
  }];

 await (this.realTimedata = obj);
}

}

И код, который я использую в моем модуле, выглядит следующим образом. 

import {NvD3Module} from "ng2-nvd3";
import 'd3';
import 'ng2-nvd3';
@NgModule({
  imports: [
    NvD3Module,
       ],

и в html-файле я использую его следующим образом. 

<nvd3 [hidden]="ifattack" [options]="realTimeoptions" [data]="realTimedata"> 
</nvd3>
...