我按照此 SO answer 中的说明进行操作巧妙地集成到应用程序中。
不幸的是,在尝试 plotly.js 的标准示例时,我遇到了 typescript 错误。 Plotly.newPlot(...)
的参数类型似乎不正确。
这是我的组件:
import {Component, OnInit} from '@angular/core';
import * as Plotly from 'plotly.js';
import {Config, Data, Layout} from 'plotly.js';
@Component({
selector: 'app-tabs',
templateUrl: './tabs.component.html',
styleUrls: ['./tabs.component.css']
})
export class TabsComponent implements OnInit {
constructor() {
}
ngOnInit() {
let y0 = [];
let y1 = [];
for (var i = 0; i < 50; i++) {
y0[i] = Math.random();
y1[i] = Math.random() + 1;
}
var trace1 = {
y: y0,
type: 'box'
};
let trace2 = {
y: y1,
type: 'box'
};
let data = [trace1, trace2];
Plotly.newPlot('myDiv', data);
}
}
我使用 plotly.js@1.37.1 和 angular v6.0.0
最佳答案
您不需要将 Plotly 放入 angular.json 中,只需像这样导入即可。
import * as Plotly from 'plotly.js/dist/plotly.js';
import {Config, Data, Layout} from 'plotly.js/dist/plotly.js';
关于javascript - 在 Angular 中导入 Plotly.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50213078/