在Angular中导入Plotly.js
在Angular中导入Plotly.js
提问于 2018-05-07 19:24:13
我按照这个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
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-05-14 00:01:12
我找到了以下解决方法。
- 将Plotly.js存储在assets文件夹中的
angular.json："scripts": [src/assets/scripts/plotlyjs/plotly.js"] - 中的脚本中，并将
declare const Plotly添加到要使用plotly
的组件中的导入语句下
Stack Overflow用户
发布于 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';页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50213078
复制相关文章
相似问题