首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何将highcharts-more.src.js .src.js添加到angular2项目中?

如何将highcharts-more.src.js .src.js添加到angular2项目中?
EN

Stack Overflow用户
提问于 2016-06-09 13:29:31
回答 5查看 1.8K关注 0票数 0

我将highcharts-more映射到系统变量:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
'highcharts-more': 'node_modules/highcharts/highcharts-more.src.js'

然而,它总是给我一个错误:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Error in dev/process/templates/detail.template.html:40:33
ORIGINAL EXCEPTION: Error: Highcharts error #17: www.highcharts.com/errors/17

有谁知道如何修复它,这样我就可以使用箱线图类型的图表了吗?

EN

回答 5

Stack Overflow用户

发布于 2016-09-02 13:00:17

systemjs.config.js

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var  map = {
   ...
   'angular2-highcharts':        'node_modules/angular2-highcharts',
   'highcharts/highstock.src':   'node_modules/highcharts/highstock.js',
   'highcharts/highcharts-more.js': 'node_modules/highcharts/highcharts-more.js',
   ...
}

my.component.ts

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import {CHART_DIRECTIVES} from 'angular2-highcharts';
import {Highcharts} from 'angular2-highcharts';


require('highcharts/highcharts-more.js')(Highcharts);


@Component({
   ...
})
export class CompareMeasureComponent implements OnInit {
   ...
}

这是工作:)

票数 3
EN

Stack Overflow用户

发布于 2016-06-09 14:46:07

我在这个问题上花了相当多的时间。我终于在https://github.com/gevgeny/angular2-highcharts/issues/21中找到了答案

当我使用angular2-highcharts包时,必须在Highcharts.js文件中包含一行要求。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
require('../../highcharts/highcharts-more.js')(Highcharts); 

这解决了我的问题。

票数 1
EN

Stack Overflow用户

发布于 2017-01-23 16:09:20

您可以执行以下操作:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
declare var require: any;
var Highcharts = require('highcharts');
require('highcharts/highcharts-more.js')(Highcharts);
export { Highcharts };

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37727408

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文