Question

我正在将我的SPA应用程序从Javascript更改为typeScript。在这个项目中，我使用了Fusionchart JQuery插件。现在我必须将FusionChart集成到这个类型的脚本项目中。我在我的项目中添加了jquery.d.ts但是无法弄清楚如何使用它进行集成。

有没有办法呢？

Answer 1

有两种方法可以获取和使用TypeScript。

Microsoft Visual Studio 2012的MSI包。
命令行TypeScript编译器可以作为Node.js包安装。

简单地说，TypeScript会将所有 .ts 文件编译为 .js 文件。即使 .ts 文件只包含JavaScript而且根本没有TypeScript也没关系，因为它是JavaScript的超集。

因此，只需将您的JavaScript文件重命名为 .ts ，您的应用就可以正常运行。额外的好处是你可以使用TypeScript的强大功能。

Answer 2

首先要感谢所有人。

我做了如下：

我在一个单独的ts文件中声明了一个名为FusionChart的类，如下所示：

declare class FusionCharts  {

    constructor(ChartType: string, ChartName: string, height: string, width: string);

    constructor(ChartType: string, ChartName: string, height: string, width: string, other: string);

    public setXMLData(ChartValues: string): any;

    public render(renderId: string): any;
    public static setCurrentRenderer(renderName: string): any;
}

之后我在ViewModel后端.ts文件中使用了这个类的构造函数，如下所示：

我添加了FusionChart类的参考。
创建了融合图表对象。
在compositionComplete中，我将CurrentRenedrer设置为JavaScript（可选）并使用了render方法。

我的代码如下：

export class FinancialView 
{
   public column3DChart: FusionCharts;

   constructor() {
     this.column3DChart = new FusionCharts("Column3D", "myChartId", "300", "200");
     this.column3DChart.setXMLData("XML data");
    }
    compositionComplete() {
       FusionCharts.setCurrentRenderer('javascript');
       this.column3DChart.render("chartdivId");
    }
}

在打字稿中集成Fusion图表

2 个答案: