角2高图最终设置
在设置了一个带有最新/最终角2版本的项目之后，我无法实现一个简单的高图表组件，这取决于它的教程--我已经创建了一个linechart组件目录，在其中我希望设置我的图表，然后使用html中的<line-chart></line-chart>标记将它添加到项目站点中。
我的linechart.component.ts
import {Component} from "@angular/core";
import { CHART_DIRECTIVES } from 'angular2-highcharts';
@Component({
selector:"app-linechart",
templateUrl:"./linechart.component.html",
directives: [CHART_DIRECTIVES],
styles: [`
chart {
display: block;
}
`]
})
export class LinechartComponent{
constructor() {
this.options = {
title : { text : 'example chart' },
series: [{
type: 'column',
data: [29.9, 71.5, 106.4, 129.2],
}]
};
}
options: Object;
}app.component.html
...
<div class="row">
<div class="col-xs-6">
<app-linechart></app-linechart>
</div>
</div>
...控制台错误：(路径缩短)
未明错误:找不到模块“rxjs/可观/of”main.bundle.js:22045 未找到/~/@ Parsed /路由器/src/router.js模块:错误:无法解析‘rxjs/可观测/of’in‘in’node/router/src‘description’rxjs/可观测/of‘in’node_node/@angular/router/src‘解析请求是一个模块，使用描述文件:/node_rxjs/@转角/路由器/Package.json(相对路径：./src)字段’浏览器。‘在使用描述文件://node_modules/@角/路由器/Package.json(相对路径：./src)后不包含有效的别名配置，解析为模块./节点_模块/节点_模块不存在或不存在目录./节点_模块/节点_模块不存在或不存在目录/节点_模块模块/@角/路由器/节点_模块不存在或不是目录./节点_模块/节点_模块不存在或不存在目录/节点/节点_模块不存在或不存在目录./节点_模块/节点_模块不存在或不在目录中查找模块。
app.module.ts
...
import { OverviewComponent } from './sites/overview/overview.component';
import {ChartModule} from 'angular2-highcharts';
import { Ng2Highcharts } from 'ng2-highcharts';
... imports: [
BrowserModule,
FormsModule,
HttpModule,
routing,
ChartModule,
Ng2Highcharts
],我遵循了NG2-高图表‘上的所有步骤，并尝试了Angular2-高图表 (不太确定哪一个是不推荐的？)。有人对此有经验吗？我的想法快用完了。
回答 1
Stack Overflow用户
发布于 2017-02-09 04:58:09
离子2
添加
import 'chart.js/src/chart.js';到src/app/app.module.ts文件，而不是
<script src="node_modules/chart.js/src/chart.js"></script>谢谢@edamerau
https://stackoverflow.com/questions/39829226
复制相似问题
腾讯云开发者
