小编use*_*413的帖子

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

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

1)创建项目,并向项目添加highchart(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" />
Run Code Online (Sandbox Code Playgroud)

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*/ });
Run Code Online (Sandbox Code Playgroud)

5)最后,您可以在app.ts中或使用index.html文件中的id渲染高图

 <div id="container" style="width:100%; height:400px;"></div>
Run Code Online (Sandbox Code Playgroud)

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

highcharts typescript

5
推荐指数
0
解决办法
1891
查看次数

标签 统计

highcharts ×1

typescript ×1