在使用最新/最终的Angular 2版本设置项目后,我无法根据教程实现简单的高图组件 - 我已经制作了一个线图组件目录,我想在其中设置我的图表然后使用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 / observable / of”main.bundle.js:22045
./~/@angular/router/src/router.js未找到模块:错误:无法解析'/ node_modules / @ angular / router / src''rxjs / observable / of' 'in'node_modules / @ angular / router / src'parsed request是一个使用描述文件的模块:/ node_modules/@angular/router/package.json(相对路径:./ src)字段'browser'不包含有效使用描述文件后的别名配置://node_modules/@angular/router/package.json(相对路径:./ src)解析为模块... / node_modules / node_modules不存在或者不是目录不存在或者不是目录... / node_modules / node_modules不存在或者不是目录/ node_modules / @angular / router / node_modules不存在或者不是目录... / node_modules / node_modules不存在或者不是目录/ node_modules / @ angular / node_modules不存在或者不是目录... / node_modules / node_modules不存在或者不是在...中寻找模块的目录
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-highcharts`的所有步骤尝试了angular2-highcharts(不太确定哪一个被弃用?)。有经验的人吗?我的想法已经不多了。
对于Ionic 2
加
import 'chart.js/src/chart.js';
到src / app / app.module.ts文件而不是
<script src="node_modules/chart.js/src/chart.js"></script>
谢谢@edamerau