需要一些帮助来设置Typescript和Highcharts

时间:2016-04-26 21:53:12

标签: highcharts typescript

我是打字稿的新手,我试图在Visual Studio 2015中将打字稿项目设置为带有Typescript的HTML应用程序。我的问题是如何导入或引用highcharts没有错误。我需要一个关于如何在我的打字稿文件中设置easist高图的简短描述。描述应该从头开始解释

1)创建项目,并将高图(npm,tsd ...)添加到项目中,

2)设置index.html文件和app.ts(或你的打字稿文件的名称),

3)在html文件和app.ts中添加引用,尤其是在你设置import或References的app.ts中,比如使用import语句或

< reference path="typings/tsd.d.ts" />

< reference path="typings/highcharts/highcharts.d.ts" />

4)设置require语句并放入变量 (我无法使用此代码...请使用您的方式执行此操作

var Highcharts = require('highcharts');

// Load module after Highcharts is loaded
require('highcharts/modules/exporting')(Highcharts);

// Create the chart
Highcharts.chart('container', { /*Highcharts options*/ });

5)最后你在app.ts中或使用index.html文件中的id来呈现高图

 <div id="container" style="width:100%; height:400px;"></div>

我希望有人可以帮助我。我当然可以在index.html中完成所有这些工作,但我想利用typescript中的调试可能性。

0 个答案:

没有答案