问题标签 [highcharts-ng]

我正在使用 angular.js 和 highcharts-ng ( https://github.com/pablojim/highcharts-ng ) 来显示一组图表。我需要根据另一个图表的点击事件来更新图表。我可以在控制器中做我想做的所有事情，但是当我在点击事件中有代码时（即使 $scope 可用），我似乎无法在设置系列数据后重新绘制图表。这在控制器中的方法中运行良好。

我尝试使用 $apply，并在 Highcharts.charts 数组中查找图表对象以在图表上调用重绘，但它不起作用。我注意到使用 highcharts-ng 实例化的图表似乎与以 JQuery 样式（例如 Series.setData）实例化的图表没有相同的功能。

从这个小提琴（http://jsfiddle.net/gregorydickson/mJjk2/）：

HTML：

在 highcharts-ng 中遇到问题，

首先请看这个demo

Plunker 演示

在这个演示中，如果你看到，我在顶部有两个按钮，

点击按钮，我正在生成不同的地图，

但我也在控制台中收到错误消息，例如：

请帮助我

我在 Angular js 中实现了高图表，它适用于硬编码数据，但当数据来自动态 Web 服务时它不起作用。在我的控制器中：

在我的 HTML 中：

在控制器中的语句：

我得到的数据为

在控制器中的语句：

我得到的数据如下：

并串联：

当我用它替换data: $scope.retail它data: [250,500,1500,1800]//$scope.retail时data: $scope.wholesale。我data: [700,800,200,1300]//$scope.wholesale怎样才能得到带有动态数据的图表。

这是我的 yAxsis，通常显示柱形图的时间

当距离为一定量时，它通常工作得很好。

问题：当开始时间和结束时间之间的时间距离很短时，yAxsis00:00 pm通过轴显示我也尝试过%M:%P仍然显示 00:pm

这是js小提琴

我正在尝试使用 highcharts-ng 为角度创建一个数据饼图。我可以让基本图表正常工作，但到目前为止我无法让它识别 3D 选项。我试图将它包含在选项部分中，因为文档说与顶级配置选项有关，但无济于事。

另外，我似乎有一个奇怪的错误，当您钻入饼图切片时，然后单击按钮返回主数据集，您无法单击任何其他切片，只能单击之前单击的切片。我不确定这是怎么回事，但这有点奇怪。

这是一个显示我的两个问题的 JSfiddle。非常感谢任何反馈/帮助。谢谢！

http://jsfiddle.net/9bxx9tf2/

此外，这是您可以复制和粘贴的代码版本。

我有一种情况，我需要根据业务需要将某些条形/列分组到逻辑分组中。我不在乎它是堆积条还是堆积柱，但我需要将某些堆栈组合在一起。仍然需要对各个堆栈进行标记。Highcharts 是我目前的目标，但如果这无法实现，我会考虑另一个图书馆的想法。我对通过 plunker、jsfiddle 等提供的交互式示例非常感兴趣，因此我可以快速确认您提出的想法或在需要时提出智能后续问题。

我还有一些其他参数：

• 我的 UX 设计师希望这些条形图聚集在一起，这样http://blacklabel.github.io/grouped_categories/之类的东西就行不通了。我们正在处理大量数据。
• 我需要能够像使用标准堆叠条一样切换“快乐”和“不快乐”部分。

示例图表

更新和回应

Paweł Fus：您是否错过了“列堆叠和分组”

我没有错过你提到的 Highcharts 中的演示。如果您尝试使用该方法来解决我提出的用例，它实际上是行不通的。这是我试图解决这个问题时的第一个错误。我很难用语言来表达，但它基本上可以让你拿你的正常“堆栈”并以某种对你有意义的方式将它分成更小的堆栈。我只有两件事，“快乐”和“不快乐”，这对我根本不起作用。如果我错过了一些东西，我很想看看它是如何完成的。

在当前用例中使用“列堆叠和分组”的示例

只有 2 个数据点可将此结果堆叠成标准分组条形图

如果我有更多数据点，它会更有帮助，但仍然无法满足我的需要

普朗克

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

模拟图像

http://i.stack.imgur.com/A1riu.png

我有一张 Highstock 图表。我为此使用 highcharts-ng。在我删除旧系列并添加新系列后，导航器中的系列不会更新。在导航器中没有这个微型图表的必要性，我可以设置它的不透明度并且我看不到它，但是我需要在更改系列后有适当的范围。而且范围也不会更新。这是截屏：

http://videobam.com/jXwOC

这是我的导航器配置：

我正在尝试用 .json 文件中的数据填充许多图表。我让图表根据需要使用一些虚拟/硬编码值（在 plunker 中注释掉），但是当我尝试从 .json 文件/模型中添加值时它不起作用。

html模板：

控制器：

我真的被困在这个问题上，已经尝试了好几天来修复它，如果有人可以提供帮助，我将不胜感激。

我创建了这个plunker来展示我在做什么。

我正在使用highcharts-ng在我们的一个 AngularJS 应用程序中创建动态图表。

highcharts-ng 适用于简单图表。但我无法通过 highcharts-ng 模块找到使用 Highchart 的主从图表的方法。

下面是我的代码，它是通过参考 highcharts 网站上的 Master-Detail 图表演示编写的。它仅呈现主图表（虽然不正确）但不呈现详细图表，因为无法将子图表传递给 highcharts-ng 模块中的父图表。

请查看并建议是否有可能使用 highcharts-ng 模块创建主从图表。您的帮助将不胜感激。

JSFiddle：jsfiddle.net/HB7LU/8420/

HTML：

CSS：

脚本：

嗨，当我尝试关闭模式窗口时，出现以下异常。

我使用 angular 1.3 和 ui-bootstrap 0.12 .. 当我使用 highcharts-ng 指令时出现此错误 在模态中出现此错误。不知道出了什么问题。

它只是在这里失败了

在线的

错误堆栈..