问题标签 [angular2-highcharts]

我正在尝试创建一个使用来自 http 请求的 observables 的图表，以下代码正在处理一些假数据我只想用来自后端脚本的真实数据替换它们这是我的代码：

我的 app.ts：

} }

我的 app.html：

我的 http service.ts：

@Injectable() 导出类 UserService3 {

users3：可观察的；

我的 json 看起来像：

如何更改 angular2-highcharts 中的背景颜色？我有我的组件：

) {

}

模板：

当我这样做时。chart.backgroundColor = "#000000"; 什么都没发生。

有一个很小的问题，但我不知道，我正在尝试使用 angular2-highchart、rxjs 和 Angular 4 从我的饼图中的 Json 中注入“operating_rate”值，这是我的代码（我认为这是一个格式问题，因为当我使用“operating_details”这样做时，它就完成了工作）：

饼图.ts：

饼图.html：

我的 Json 的一部分： {"status":"OK","data": {"operating_rate":88.14,"operating_duration":"20h02mn", "unoperating_durati on":"2h40mn","operating_details":[[1497837618 ,0],[1497837738,0],[1497837858,0],[1497837978,0],[1497838098,0],[1497838218,0],[1497838338,0],[1497838458,0],[1497838578,0] ],[1497838698,0], [1497838818,0],[1497838938,0],[1497839058,0],[1497839178,0], [1497839298,0],[1497839418,0],[1497839538,0], [1497839658,0], [1497839778,0],[1497839898,0],[1497840018,0]]}

这是我的service.ts：

我正在尝试使用这样的点击事件访问我的 highchart 堆积条形图中列的值：

到目前为止一切都很好，但我需要在我的组件中使用这些值。问题是 'this' 关键字指的是 Point 对象，如果不能用 'this.' 引用它们，我看不出如何使用组件的参数。

有没有办法在点击触发的函数中同时访问范围（我的组件和 Point 对象）？

我正在从 highcharts 中查看 angular 2 的 highmap 并查看此演示：

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

在这里，这个系列是这样的：

但是，我想提供坐标（经纬度）来绘制点。是否有可能做到这一点？如果是，如何？请注意，我正在寻找特定于 Angular 2 的解决方案

我正在使用角度 4，我想显示在我们加载页面时默认选择的系列 1 值，并且它应该始终显示没有鼠标悬停，但是当我将鼠标悬停在第二个圆时，它应该显示相应的值。

我正在查看此示例以将字体真棒应用到 highcharts 中的自定义按钮。 http://jsfiddle.net/zfngxoow/6/

这个例子效果很好，但是当尝试将它应用到我的 Angular 2 highcharts 时，字体真棒不起作用。

plnkr：http ://plnkr.co/edit/G26wiubT2M5ydrmL9GJZ?p=preview

同样适用于 plnkr 但它不起作用：

我正在按照简单的示例使用这个Angular2-Highcharts模块将数据设置为 Highcharts

如以下示例所示，我做了一些小调整以将数据动态设置为 Highcharts。以下是代码片段：

相同的Plunker 链接。

错误 ：

我的观察：

series该错误的明显之处在于第一个元素的数组中没有 setData 函数。解决此问题的另一种方法是this.options使用具有data属性的空对象进行初始化：

this.options.series这是非常粗暴的方式，因为如果我看到它们动态出现，我需要对 50 个元素执行相同的操作

有没有有效和更好的方法来解决这个错误？

PS：我是 Highcharts 的新手，所以如果我在基本级别上做错了什么，请多多包涵。

我正在使用angular2-highcharts但我不认为这个问题是特定的。

我遇到的问题是图表在使用新数据更新之前使用空数组呈现。我最终想使用单击事件来使用 API 调用更新 testArray 并启动一个包含显示该数据的图表组件的对话框。所以我需要这一切以某种方式同步发生或使用可观察的来等待数据？

模板：

打字稿：

任何帮助都会很棒

我现在有几天的库存，试图使用 Angular2-HighCharts 在面积图中更改 UTC 时间。我的后端 Api 向我返回了一些时间戳，然后我将其注入图表中，并且每次在“人类时间”中转换时少了两个小时，我知道 highcharts 使用 UTC 时间，但我目前在 GMT+2 作为奥斯陆时间。我试图在 SetOptions.global.timezoneOffset 中实现“timezoneOffset”并更改内部的值，但它在我的视图图表中没有任何改变。也许我没有正确实现该值。也许我也可以使用我电脑中的时间戳（Moment.js 库中的 getTimezoneOffset 与Highcharts doc api中的一样，所以如果有人有想法？

这是我的chart.ts：

这里是html：