角度4与Plotly

我正在尝试构建一个需要图形的角度4应用程序.

我打算使用plotly,但我没有得到任何明确的网站显示步骤或方法在angular 4应用程序中包含plotly.js文件.

有人可以给我一些见解吗?

这就是我所做的,首先是使用NPM(或您使用的任何包管理器)安装plotly.js:
npm install plotly.js --save
npm install @types/plotly.js --save

注意:您可以考虑在dev section (–save-dev)中安装@types

然后我编辑了src / tsconfig.app.json来包含它,在compilerOptions下:

"types": [
      "plotly.js"
    ],"paths": {
      "plotly.js": [
        "../node_modules/plotly.js/dist/plotly-basic.js"
      ]
    }

然后你可以通过这样导入在你的任何组件中使用Plotly.js:

import * as Plotly from 'plotly.js';
import {Config,Data,Layout} from 'plotly.js';

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...