Angular2 highchart-更多

Question

我正在尝试创建蜘蛛图。我使用this

但我得到了

​

`import { CHART_DIRECTIVES, Highcharts } from 'angular2-highcharts'; 
 import HighchartsMore from 'highcharts/highcharts-more';   
 HighchartsMore(Highcharts);
 ...`

Answer 1

简单地这样做，它对我工作，我正在尝试让chart..this为我工作，并为您设置极点，以获得蜘蛛图

像这样的声明图表模块

import { ChartModule} from 'angular2-highcharts';

imports

@NgModule({
  declarations: [...],
  imports: [
    ChartModule,
    ....
  ],

在要调用highchart的导出类页面上

import * as Highcharts from 'highcharts';
import * as HighchartsMore from 'highcharts/highcharts-more';

HighchartsMore(Highcharts);

export class component {

 constructor(public navCtrl: NavController) {
  this.chart1 = {
     chart:{
     polar: true,
     type:'line',
     backgroundColor:'rgba(255, 255, 255, 0)',
     },
      title : { text : 'simple chart' },
      series: [{
        data: [29.9, 71.5, 106.4, 129.2],
      }]
    };
 }
chart1: Object;

html代码

<chart [options]="chart1" > </chart>