问题标签 [angular2-highcharts]

我实际上使用timezoneOffset来自 Highcharts api 的函数手动设置时区，我目前在 gmt+2 所以我将它设置为 -2 * 60 但是当我们之前在 10 月更改小时时，我的设置将不再正常工作，所以我决定改用浏览器或服务器时间。我知道我们可以使用来自 api getTimezoneOffset: Function的 gettimezoneOffset 函数。pb 是我使用 typescript 和 Angular 4 设置的，我怎样才能以一种优雅的方式进行设置？提前致谢

这是我使用 timezoneOffset 的实际工作代码：

这是我的html：

当我通过输入触发来自方法的事件时，它不会正确地将数据呈现到图表中，这是我的 pb 的一个示例：

我的图表一直在工作，直到我把它放在孩子身上。看起来数据没有从孩子那里传来。

父.html：

父.ts：

child.html:

child.ts:

在 Angular 4 项目中，我使用 angular2-highcharts 库来创建堆叠条形图。以下对象是我到目前为止的配置。

这会产生这个视觉结果->

我需要将其转换为 ->

正如您在所需结果中看到的那样，图表具有更高的高度，并且它的边缘也是圆形的。我不知道该怎么做。

我有样条图：

用户单击某个按钮后如何添加新数据（新行）？

我正在开发样条图。

这是我的 yAxis：

但 yAxis 标题不可见。我该如何解决？

我在圈子里跑来跑去，试图找到一种体面的方法来在图表的 xaxis 上获取星期日期。

在下面的小提琴中，它很容易用 dateFormats 钩子添加，但使用 Angular 我无权访问任何全局“Highcharts”对象。那么，如果将 Highcharts 与 Angular 一起使用，我该如何添加自定义格式化程序？

我尝试将格式化程序直接添加到chart.options，如下所示：

我还尝试在我的 app.comonent 中导入 highcharts 以获取 highcharts 对象：

import * as highcharts from '../../node_modules/highcharts';

像：https ://github.com/gevgeny/angular2-highcharts/blob/master/examples/webpack/src/comboMultiAxesExample.ts

但由于我使用导致“--allowJs”未设置错误的打字稿，而且似乎过于复杂。

编辑：

使用格式化程序，您可以执行类似http://jsfiddle.net/dxyyzgar/的操作

或者：

但在 Angular 中，“this”引用的是当前组件，而不是 Highcharts 对象。

Highcharts 似乎创建了不在类别内的数字。有没有办法自动调整数据以适应类别。

请参阅： Plunker 示例

我想要实现的图像示例： 图像链接

当我尝试在 Angular 中实现以下 plunkr 时，我收到以下错误消息。

http://plnkr.co/edit/OQSFSKisIIWAH0megy4d?p=preview

我已经安装了“angular2-highcharts”：“^0.5.5”，并输入“@types/highcharts”：“^5.0.5”，

任何帮助，将不胜感激。

我想启用“noData”功能，默认情况下，当图表中没有数据显示时会显示一条消息。它在他们的文档中说该功能需要no-data-to-display.js在页面中加载文件。

我的 node_modules/highcharts 文件夹中已经有了这个文件，但我不确定我应该如何从那里加载它，所以我也想知道如何做到这一点。现在，我已经通过将此脚本标签添加到我的index.html：

它给了我以下错误：

这是我的所有与highcharts相关的东西app.module.ts

谢谢。

编辑：

我试图将无数据文件导入我的app.module.ts：

我不确定下一步是什么。将 HighchartsNoDataToDisplay 添加到导入数组会给我一个错误。

我使用 Highcharts 创建了折线图。我有 4 个系列，因此它显示了 4 个传说。我需要一个功能，我想知道是否禁用了 3 个图例，即只有 1 个系列数据，然后重绘图表。有什么方法可以实现吗？