如何添加Angular 2中的融合图表的许可证密钥2

Question

如Fusion Charts文档中所述，它不适用于Angular。如何为角度项目实施此功能？

fusion图表许可证

fusionCharts.options.license.license（{{ 钥匙： ''， Credit Label：false， }）;

Answer 1

中使用以下代码

请在您的app.module.ts fusionCharts.options ['license'] （{{
钥匙： ''，
Credit Label：false，
}）;

NB：如果发生错误，请检查您的tsconfig.json，并删除严格：true选项。

谢谢

Answer 2

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

1. 在您的项目root或其他地方创建一个名为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 Application中使用此组件：

在Angular Apponponement中 ： ：

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>

检查此文档 - “ nofollow noreferrer”> https://www.fusioncharts.com/dev/upgrading/license-activation