我按照这个SO answer中的说明将其集成到应用程序中。
不幸的是,在尝试plotly.js的标准示例时,我遇到了打字错误。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
发布于 2018-05-14 00:01:12
我找到了以下解决方法。
angular.json
:"scripts": [src/assets/scripts/plotlyjs/plotly.js"]
declare const Plotly
添加到要使用plotly的组件中的导入语句下
发布于 2018-05-30 07:23:51
您不需要将Plotly放入angular.json中,只需像这样导入即可。
import * as Plotly from 'plotly.js/dist/plotly.js';
import {Config, Data, Layout} from 'plotly.js/dist/plotly.js';
https://stackoverflow.com/questions/50213078
复制相似问题