如何在 angular2 中添加融合图表的许可证密钥

Question

正如融合图表文档中所解释的，它不适用于角度。我如何为角度项目实现这个？

FusionCharts.options.license({ 钥匙： ''， 信用标签：假， });

Answer 1

请在您的 app.module.ts 中使用以下代码

FusionCharts.options['许可证']({ 钥匙： ''， 信用标签：假， });

注意：如果仍然出现错误，请检查您的 tsconfig.json 并关闭 strict : true 选项。

谢谢

Answer 2

您可以尝试按照以下步骤使用您的 FusionCharts 许可版本：

1. 在项目根目录或其他位置创建一个名为 fusioncharts 的文件夹，并将 FusionCharts 许可版本的库模块文件复制到该文件夹中。

2. 安装 angular2-fusioncharts 包装器：

   npm 安装 angular2-fusioncharts --save

安装 angular2-fusioncharts 后，将其导入到 Angular AppModule 中，如下所示：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FusionChartsModule } from 'angular4-fusioncharts';
import * as FusionCharts from './fusioncharts';
import * as Charts from './fusioncharts/fusioncharts.charts';
import * as FintTheme from './fusioncharts/themes/fusioncharts.theme.fint';
import { AppComponent } from './app.component';
FusionChartsModule.fcRoot(FusionCharts, Charts, FintTheme);
@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        FusionChartsModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {}

导入库后，您可以在 Angular 应用程序中使用此组件：

在你的 Angular AppComponent 中：

import { Component } from '@angular/core';
    @Component({
        selector: 'app-root',
        templateUrl: './app.component.html'
    })
    export class AppComponent {
        id = 'chart1';
        width = 600;
        height = 400;
        type = 'column2d';
        dataFormat = 'json';
        dataSource;
        title = 'Angular4 FusionCharts Sample';
        constructor() {
            this.dataSource = {
                "chart": {
                    "caption": "Harry's SuperMart",
                    "subCaption": "Top 5 stores in last month by revenue",
                    "numberprefix": "$",
                    "theme": "fint"
                },
                "data": [
                    {
                        "label": "Bakersfield Central",
                        "value": "880000"
                    },
                    {
                        "label": "Garden Groove harbour",
                        "value": "730000"
                    },
                    {
                        "label": "Los Angeles Topanga",
                        "value": "590000"
                    },
                    {
                        "label": "Compton-Rancho Dom",
                        "value": "520000"
                    },
                    {
                        "label": "Daly City Serramonte",
                        "value": "330000"
                    }
                ]
            }
        }
    }

现在，您可以在 app.component.html 模板中使用组件了：

<h1>
  {{title}}
</h1>
<fusioncharts
    [width]="width"
    [height]="height"
    [type]="type"
    [dataFormat]="dataFormat"
    [dataSource]="dataSource"
></fusioncharts>

查看此文档 - https://www.fusioncharts.com/dev/upgrading/license-activation