问题标签 [highcharts-ng]

我阅读了更多关于highcharts-ng使用指令的信息，但它们有很多警告。

我有两个选择： - 使用 highcharts.js，然后创建我的指令。- 使用 highcharts-ng 指令。

请，使用 highcharts 指令进行 angular 的最佳方法是什么，如果我使用highcharts-ng，我是否需要一些尚未实现的选项或 highcharts 功能highcharts-ng？

我正在使用 highcharts-ng ( https://github.com/pablojim/highcharts-ng ) 并且可以使用自述文件中链接的示例之一重现此问题。重现步骤：

1. 去这里： http: //pablojim.github.io/highcharts-ng/examples/example.html
2. 向下滚动并单击“Highchart/Highstock”按钮
3. 向上滚动（图表应为空白）并从第一个系列标题中选择类型：线。请注意图表将重绘。图表顶部不应有缩放/日期范围选项。
4. 现在拖动图表底部的水平滚动条（导航器）并注意出现缩放/日期范围选项

如何使这些出现在页面加载中？而不是等待我们的访问者与图表进行交互。

I'm trying to add stack labels (http://api.highcharts.com/highcharts#yAxis.stackLabels) to my chart

http://jsfiddle.net/Hjdnw/970/

According to the docs, https://github.com/pablojim/highcharts-ng all options should go into options object.

What am I doing wrong?

我想使用类似于linkedin“谁查看了您的个人资料>查看者从Linked-in.com找到您”的highcharts自定义或创建图表

谁能指导我如何做到这一点？！[在此处输入图片描述][1]

我正在使用带有 highcharts-ng 库的 Angularjs，我希望有一个能够导出图表（显示导出按钮）和另一个没有该选项（不显示导出按钮）的 highchart 指令，但我没有设法禁用（隐藏）使用配置对象的按钮。我怎样才能做到这一点？

这是片段

即使禁用导出属性

我正在使用 angularjs-gridster ( https://github.com/ManifestWebDesign/angular-gridster ) 和 higharts-ng 指令 ​​( https://github.com/pablojim/highcharts-ng/blob/master/README.md )

我正在尝试在网格单元格内生成这些高图。我的问题是，即使我将图形抽屉功能放在 $timeout 服务中，highcharts 也占用了它们的默认宽度和高度（600px * 400px）。这是代码：

HTML：

JS：

我尝试在网格单元的宽度和高度上创建手表，但它没有显示任何变化。我没有在 graph.config 选项中明确给出 highchart 的宽度和高度，因为我在 highcharts-ng 文档中读到它默认采用父宽度和高度，但它没有发生。谁能指导我可能是什么问题。

在我看来，angularjs-gridster 插件无法在 highcharts 指令能够呈现自身之前设置网格宽度和高度。请帮忙。

我为我的图表设置了一个工厂提供程序。该图是由 highcharts 和 highcharts-ng 构建的，它是一个 angularjs highcharts 指令。

在名为 SentimentChartController 的控制器中，我在图形节点上创建了一个单击函数，如下所示：

单击图形节点后生成的 html 如下：

在我的 SentimentChartController 中，我还声明了以下函数：

此函数应触发在我上面定义的单击函数期间创建的以下 img 元素的 onclick

但是，我收到“未捕获的 ReferenceError：未定义 closeDrillDown”错误。

即使我在容器 div 中设置了 ng-controller="SentimentChartController" 为什么会发生这种情况

我需要创建一个图表来显示用户输入的睡眠数据。用户将输入开始日期时间和结束日期时间，以及质量的数值。图表必须将 y 轴作为时间，从 01:00 PM（最小）到 12:59 PM（最大）。x 轴必须是睡眠发生的日期，如下所示：“2015 年 1 月 1 日 - 2015 年 1 月 2 日”（即一个“点”的刻度标签）（请参阅小提琴以进行澄清）。最后，“点”将根据睡眠质量值进行颜色编码。正在使用的数据被格式化：

我遇到的问题是让所有这些都正常工作。似乎对于列范围图，我必须使用类别 x 轴。恐怕这不会像日期时间 x 轴那样有效，尤其是对于更大的数据集。

我创造了一个小提琴。它在我需要的正确轨道上，但正如您所看到的，存在一些问题： 1. 数据/逻辑已被操纵用于小提琴，但在使用实际日期时间时会更加困难。2. columnrange 是正确的图表类型来实现我想要的吗？3. 如何获取使用睡眠质量值和日期时间范围格式化的工具提示？（我尝试添加明确的类别，但弄乱了 x 轴。[刻度标签消失]） 4.“点”不直接与 x 轴刻度线对齐（工具提示也未对齐）

似乎当我尝试添加一个功能时，另一个功能开始出现故障。

http://jsfiddle.net/XBmB5/59/

对此图表的任何指导将不胜感激。

我想使用 Angularjs 创建 Highcharts 地图，我该怎么做？任何指令/库？

谢谢

我注意到，当我将数据呈现为折线图时，某些数据点的呈现高于或低于实际数据值。当图表宽度小于正常值时会发生这种情况（在我的例子中，它发生在 358px 的宽度处）。

这个例子演示了使用 highcharts-ng 的问题：

它两次渲染相同的系列（一次作为一条线，第二次作为条形图）以说明差异。