问题标签 [angular2-highcharts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1299 浏览

javascript - 如何使用 angular2-highcharts 和 AOT 编译器导入 exporting.js 和 export-data.js?

我正在使用 angular2-highcharts 并且我的图表工作得很好,但我需要将图表导出到 XLS。

我需要做的就是做到这一点

代码中的某处,导出选项将显示在图表中。

问题是如何正确导入 HighchartsExporting 和 HighchartsExportData,因为标准解决方案

不适用于 AOT,在编译时给我一些“遇到静态解析符号值的错误” 。

我可以通过做

正如这里所建议的那样,但它给了我2个错误:

  • 错误 TS2497:模块 '"xxxx/highcharts/modules/exporting"' 解析为非模块实体,无法使用此构造导入。- JIT 编译
  • 找不到模块“highcharts/modules/export-data”。- AOT 编译

我可以通过这样做来解决这个问题

正如这里所建议的那样,但是在 AOT 编译之后,我在运行时得到“未捕获的 ReferenceError:require is not defined ”。

所有解决方案在实践中似乎都可以正常工作,我只是无法编译它们。欢迎任何建议。

0 投票
3 回答
5545 浏览

json - 在配置文件 tsconfig.json 中找不到输入

通过 npm,我为我的应用程序下载了 angular2-highcharts。我刚刚注意到 Visual Studio Code 在tsconfig.json包的文件中给了我一个错误:

我真的不知道为什么我会收到此错误或如何修复它。

这是文件:

有任何想法吗?谢谢!

0 投票
1 回答
1716 浏览

angular - 如何在角度中使用 Highcharts 甘特图?

Highcharts Gantt 目前处于 Alpha 阶段,但我们可以通过此链接使用它

我想在一个角度项目中使用这个库,但我没有找到任何文档来帮助我朝这个方向发展。是否可以?如果是这样,程序是什么?

如果还不可能,甘特图还有其他角度库吗?

0 投票
1 回答
821 浏览

angular - 当我使用来自 http.get 的数据时,Highcharts 未在 Angular 2 中呈现

我在 Angular 2 中使用 highcharts。如果我使用静态数据,图表会按预期呈现,但如果我在我的服务中使用来自 http.get 请求的数据并使用订阅将其获取到我的组件,它不会呈现。相反,返回的是一个空图表。我可以从 console.log 看到数据按预期返回到组件。我不确定我做错了什么。下面是相关代码。先感谢您。

服务

零件

这就是 JSON 数据返回到 moneyArray 的方式。 在此处输入图像描述

0 投票
1 回答
1378 浏览

angular - 使用Angular 5从界面获取数据到highcharts图表

我正在使用这个 npm 包制作图表:https ://www.npmjs.com/package/angular-highcharts

我有一个界面,我想从界面中获取值来填充图表。在这个阶段,我想要的只是一个折线图。

我尝试了使用数组执行此操作的各种方法,只要我通过硬编码所有值来初始化数组,它就可以正常工作,但是我想将服务中的值动态加载到接口中,然后从进入图表界面。我究竟做错了什么?

这是我的 component.ts

0 投票
2 回答
1235 浏览

highcharts - 隐藏/打开左侧导航菜单时,如何使用 angular2-highcharts 更改图表的宽度以填充 div?

使用angular2-highcharts隐藏/打开左侧导航菜单时如何更改图表的宽度以填充div?

我尝试使用style="display:block; width: 100% !important;" 正如我发现的大多数资源所建议的那样,但它没有帮助。

这是在 mat-sidenav-container 和 mat-sidenav-content 中使用图表的示例:

html

css

还添加了屏幕截图:关闭左侧导航菜单后,图表宽度保持不变。 still_same_chart_width_size

0 投票
2 回答
828 浏览

highcharts - 如何使用 angular2-highcharts 设置系列工具提示的背景颜色?

我正在使用系列工具提示来呈现自定义工具提示。我无法找到如何设置工具提示的样式。

例如。

系列 1 带有系列工具提示 -> 背景颜色:'#F00'

带有系列工具提示的系列 2 -> 背景颜色:'#0F0'

带有系列工具提示的系列 3 -> 背景颜色:'#00F'

我不希望背景颜色在上面的示例中起作用,但它演示了我正在尝试做的事情。

这可能与angular2-highcharts有关吗?如果是这样,我将如何处理?我尝试了一个自定义格式化程序,但它恢复了默认的工具提示行为。

0 投票
1 回答
250 浏览

angular - renderer.text 在 gevgeny/angular2-highcharts 中不起作用

我正在使用gevgeny/angular2-highcharts在角度项目中使用 highchart。我正在尝试使用Highcharts.SVGRenderer#text

它在高库存中正常工作

沃金小提琴

如果我在 angular2-highcharts 中使用相同的代码,则它不起作用

检查Plunker

片段

我如何renderer.text在 angular2 highcharts 中使用?

0 投票
2 回答
1012 浏览

angular - 在 Angular 2+ 组件中接收 HighStock RangeSelector 按钮事件

我想在我的角度组件中访问 highstock rangeSelector 按钮事件。我正在使用该angular2-highcharts包来使用 highcharts 库。尝试使用(afterSetExtremes)绑定访问它,但没有任何成功。代码在这里。请帮忙。

谢谢!!

0 投票
1 回答
12593 浏览

highcharts - 无法绑定到“选项”,因为它不是“图表”的已知属性

我已经使用创建了一个图表模块,Angular2-highcharts但是当我尝试运行应用程序时出现以下错误。

代码

1.app.module.ts

2.html文件

3. .ts 文件

请帮我解决这个问题。我发现了几个这样的问题,但没有一个能帮助我解决这个错误。我正在关注这个视频来创建图表

keyinfo.module.ts