问题标签 [angular2-highcharts]

我有一个问题，因为我试图在饼图（HightCharts）中显示一些关于国家的结果。在它来自对 ApiService 的 API 调用之后，我将此信息分配给 BehaviorSubject。

第一次，我在我的 chartComponent 中收到信息，它创建了一个图表，但第二个我需要删除这个图表并创建一个新的，因为用户可以通过一个按大陆和指标类型（如人口或 AreaInSqkm）过滤的表单修改结果.

这是服务中的 Api 调用：

如您所见，我将数据作为 BehaviorSubject 的值传递，并且每次有人修改表单时我都会收到有关此值更改的信息。

稍后我在我的 chartComponent 中创建图表，如下所示：

主要问题是我无法检查之前是否存在图表，如果存在则删除它并创建一个新的图表，结果通过订阅捕获。我想我应该在 Rederer2 服务的 createChart 函数的开头添加一些东西，但我不知道如何。

谢谢！

我使用 angular2-highcharts 创建了一个图表，基于https://stackoverflow.com/questions/48002797/cant-bind-to-options-since-it-isnt-a-known-property-of-chart/48004515#48004515. 我也得到了结果。谁能告诉我如何在移动设备中居中对齐图表？我试过了text-align:center, padding, margin etc。

请帮我解决这个问题

编辑 - 添加图表选项

编辑2。添加响应参数后添加图表图像

编辑：添加了 HTML 和 CSS

HTML

CSS

我尝试导入 Highcharts-更像这样：

然后我得到以下错误：

所以我进入我的 tsconfig.json 并将 allowJs 添加到我的设置中：

之后我得到一个新的错误：

我在整个项目中都需要 highcharts-more，但我找不到另一种导入它的方法。请帮忙

我正在为我的 angular2 Web 应用程序使用 angular2-highcharts 图表模块。

当图形 < 7000 点时，线和点按预期显示。但是，在 ~>7000 点之后，图表有时不会呈现线条，但如果我将鼠标悬停在图表上，则会显示点的工具提示。

我尝试了 turboThreshold，但它什么也没做。

有什么建议么？

- - 代码 - -

我一直在尝试使用 Highcharts javascript 库为圆环图实现动态“标注”形状数据标签，其中数据标签的缺口指向相应的弧。像这样的东西：https ://imgur.com/yKhWKOu

我使用 highcharts 渲染器方法创建了“标注”形状，但无法使其动态化。这就是我现在得到的：https ://imgur.com/VMuVwdk 我的代码是：

'提前致谢'

我正在尝试在甜甜圈之外实现甜甜圈图的注释位置。我尝试了距离、x 和 y 属性，但它们没有提供所需的结果。有什么方法可以定位甜甜圈图的注释吗？Jsfiddle 链接为：http: //jsfiddle.net/83dhb04j/5/

代码是：

如果使用 datalabel 属性可以做到这一点，请也提出该解决方案。

您将如何扩展Highcharts以实现“手绘”效果（例如：https ://www.amcharts.com/demos/column-and-line-mix/?theme=chalk ）。

或者可以使用库来完成吗？

如何在同一行对齐两个highcharts yAxis？

我在同一页面上有两张图表，一张低于另一张。在 highcharts 中是否可以指定两个图表的 yAxis 从同一行开始？

实际的：

预期的

提前致谢

我的应用程序中有以下流程：

firstpage--> secondpage（包含高图）--> thirdpage--> fourthpage-->secondpage

当我从firstpage到secondpage时，图​​表是可见的。此外，当我从thirdpageto返回时secondpage，我可以看到图表。但是当我从fourthpage到secondpage。图表不再存在。图表的数据是静态的，它没有任何依赖关系：

来自firstoage和的调用fourthpage是相同的：

this.navCtrl.push(SecondPage);

对于来自的电话firstpage，secondpage我得到：

第二次（fourthpage--> secondpage）它不起作用时，我得到：

我正在使用 angular 2 highchart，我想在 x 轴上显示“样条”highchart，在 x 轴上显示日期，在 y 轴上显示时间，并且我的图表线呈线性，这是因为我的两个轴都有相同的日期时间刻度。我想将这些轴分隔为日期和时间，我该怎么做

这是我的示例数据如下

[{"x":1517192498650,"y":1517192498650,"name":"GS_20180129_DailyTrades_Finception"},{"x":1517190450740,"y":1517190450740,"name":"GS_20180129_DailyTrades_Finception"}, 1517105975550,"y":1517105975550,"name":"GS_20180128_DailyTrades_Finception"},{"x":1517103307507,"y":1517103307507,"name":"GS_20180128_DailyTrades_Finception"},{6x8:" 1517017629587,"name":"GS_20180127_DailyTrades_Finception"},{"x":1517017613657,"y":1517017613657,"name":"GS_20180127_DailyTrades_Finception"},{"x":1516932898280,"1516932898280,"28y:" "GS_20180126_DailyTrades_Finception"}]

这是我在打字稿中的数据操作代码

最后这是我绘制数据的highchart代码

我的数据如下图所示 在此处输入图像描述

请让我知道这样做的好方法是什么。