如何使用角为5的高图集3d？

Question

我只是想加入app.module.ts

import { ChartModule } from 'angular-highcharts';

以及进口

ChartModule

现在我想要使用高图表-3D我怎么能做到这一点？我可以定制图表，使之类似于morris.js甜甜圈图吗？

Answer 1

您可以从npm包中检查添加-高级图表-模块。

任何其他模块，如高图集-3D、高图集-exporintg等，也可以在主图表模块之后添加到@NgModule中

...
@NgModule({
    ...
    imports: [
      BrowserModule, 
      ChartModule.forRoot(
        require('highcharts'),
+       require('highcharts/highchart-3d'),
+       require('highcharts/modules/exporting')
      ],
})

检查http://plnkr.co/edit/sz6OfccvAetQcBX8KFXy?p=preview。

如果您正面临问题，请添加活示例。

Answer 2

这一办法也适用于：

import * as highcharts3d from 'highcharts/highcharts-3d';
export function highchartsFactory() {
    const hc = require('highcharts/highstock');
    highcharts3d(hc);
    return hc;
}

@NgModule({
imports: [
  ChartModule
],
providers: [
{
  provide: HighchartsStatic,
  useFactory: highchartsFactory //this will take care of inlcuding highcharts 3d module
}
]
});

有关更多详细信息：https://github.com/gevgeny/angular2-highcharts/issues/193

Answer 3

试试这个：

import highcharts3D from 'highcharts/highcharts-3d.src';
highcharts3D(Highcharts);

请参阅