在打字稿中集成融合图表答案

【问题标题】：Integrating Fusion chart in typescript在打字稿中集成融合图表
【发布时间】：2013-08-29 20:10:52
【问题描述】：

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

有什么办法吗？

【问题讨论】：

发布一些示例 javascript
您打算将 TypeScript 与 Visual Studio 2012 或命令行一起使用吗？

标签： javascript jquery typescript fusioncharts

【解决方案1】：

首先感谢大家。

我做了如下：

我在单独的 ts 文件中声明了一个类 Names 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");
    }
}

【讨论】：

das：感谢您的非凡帮助。现在，在看到您的代码后，我真的开始转换为 ts 。太棒了

【解决方案2】：

您可以通过两种方式获取和使用 TypeScript。

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

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

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

【讨论】：