在打字稿中集成Fusion圖表

我正在將我的SPA應用程序從Javascript更改爲typeScript。在這個項目中，我使用了Fusionchart JQuery插件。現在我必須將FusionChart整合到這個類型的Script項目中。我在我的項目中添加了jquery.d.ts，但無法弄清楚如何使用它來整合。在打字稿中集成Fusion圖表

有什麼辦法嗎？

來源

2013-08-27 Animesh

後一些樣品是否計劃使用打字稿與Visual Studio 2012或命令行的JavaScript – basarat

？ –

首先要感謝所有人。

我做了如下：

我在一個單獨的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"); 
    } 
}

來源

2013-09-02 09:44:39 Animesh

das：感謝您的非凡幫助。現在我真的開始看到你的代碼後轉換爲ts。太奇妙了 – Rayudu

有兩種方法可以獲取和使用TypeScript。

MSI軟件包用於Microsoft Visual Studio 2012
命令行編譯打字稿可以安裝一個Node.js的包。

簡而言之打字稿編譯所有的.ts文件的.js文件。即使.ts文件僅包含JavaScript並且根本沒有TypeScript，也不重要，因爲它是JavaScript的超集。

因此，只需將您的JavaScript文件重命名爲.ts並且您的應用程序將按其應有的方式工作。額外的好處是您可以使用TypeScript的強大功能。

來源

2013-08-27 11:13:38

在打字稿中集成Fusion圖表

回答

相關問題