问题标签 [highcharts-ng]

我最近制作了一个严格在 jquery 中工作的 highchart 原型。我有一堆意大利面条代码，但在选择一个可以为图表设置动画并更新系列的控制器时，我也有一个很好的过渡动画。简而言之，它是这样完成的......

因此，图表 (1) 在页面加载时初始化，(2) 从下拉框中获取参数 (3) 确定给定系列的新值，以及 (4) 将图表平滑地重绘为该值。

我的问题是我很难以角度重新制作它。尤其是 highcharts-ng，它似乎拥有所有的例子，除了更新现有的点。

http://pablojim.github.io/highcharts-ng/examples/example.html

有添加系列、删除系列等。更新系列怎么样？如果我们想要一个与不断变化的范围变量相关联的系列怎么办？我如何在下拉框中制作 $scope.$watch 告诉图表更新点？

我正在使用 Highcharts-ng https://github.com/pablojim/highcharts-ng

查看源代码，我看到指令中发生了一些事情 with scope.$on 我可以用来广播。例如...

然后在我的控制器中，我可以在作用域上调用监视函数：

这很好用并且很有意义。我不明白为什么我不能在指令中添加额外的东西。例如，如果我可以从指令中调用 .reflow() ，我应该可以很容易地调用 .zoomOut() ，对吗？

可以做些什么来完成这项工作？如果它不能完成，我怎样才能让jQuery控制它呢？（甚至有可能让 jQuery 接管指令的某些方面，而不是依赖 Angular 来处理所有事情吗？）

我在 highcharts-ng 中的图表有一些我无法修复的问题，请参阅此http://jsfiddle.net/mcneela86/DJVP2/以供参考：

作为背景，该图表将显示添加零件后汽车的马力和扭矩值之前和之后的比较。

1：我已将数据分组为“之前”和“之后”，我可以让“之前”组的颜色与“之后”组不同。“后”组的颜色是正确的，“前组”需要是灰色阴影吗？

2：我需要使列更宽（同时保持它们的响应）。我认为这样做的方法是减少列周围的填充（见下文） - 但这对我不起作用？

3；第三个按钮（第 4 阶段（新引擎））包含零/空值的数据，是否可以让数据保持分布在整个图表中？（所以它看起来不像缺少什么）

上面的 'null' 值可以是 null 或 '0' - 我可以控制数据。

我花了几天时间试图解决这些问题，非常感谢任何帮助。

编辑：

我找到了上面第一个问题的解决方案：

请参阅此 jsfiddle - http://jsfiddle.net/mcneela86/6caPj/我使用了一种使用 css 定位数据的解决方法，虽然这适用于我的情况，但我不适合大型数据集。

希望这可以帮助某人。

我正在为 HighCharts 使用 Angular 指令，https://github.com/pablojim/highcharts-ng。

但是，我想使用 HighStock 选项，根据上面的链接，通过设置 useHighStocks: true 应该可以。

当我尝试这个时，图表根本不会加载，但是当它设置为 false 时工作得很好。我什至尝试从官方网站包含 highstock.js 但没有运气。

原始jsfiddle：http: //jsfiddle.net/pablojim/7cAq3/

我的非工作 highstock jsfiddle：http: //jsfiddle.net/achronos/7LZv4/1/

我该怎么做才能让它发挥作用？谢谢

小提琴

我正在使用 highcharts-ng。在上面的小提琴中，我创建了一个最简单的案例来显示我遇到的问题 - 当图表包含在 div 中时，它会水平扩展以填充它，而不是垂直扩展。

为什么是这样？有没有办法让它也垂直扩展？

所以不会让我在没有代码的情况下发布这个，所以这就是上面小提琴中的内容：

html:

CSS：

}

JavaScript：

我有带有 x 轴标签和工具提示的简单图表，工具提示上的月份日期是正确的，而 x 轴标签上的月份落后一个月。

当我将时区从 GMT+2 US East 更改为 UTC-5 时，问题解决了。

我还添加了以下全局选项 useUTC，但它没有影响。

您可以在JSFiddle中看到 GMT+2 结果，当您将时区更改为 UTC 时，它将得到解决。

任何帮助将不胜感激。( http://jsfiddle.net/liad/uVZ4Z/ )

这个问题的目标

要了解为什么我必须使用 $timeout 包装highcharts 加载事件处理程序调用，然后才能完全访问事件中嵌入的 highcharts 对象旨在提供的所有数据。如主题中所述，我正在使用 angularjs 和highcharts-ng。

我觉得很奇怪，在对象中应该存在的所有数据都存在之前，加载事件设法触发。特别是因为我不使用addSeries数据填充图表。我正在手动构建整个配置对象。这种方法也是 highcharts-ng 规定的。

我也很难接受我需要使用 '$timeout' 来处理似乎是竞争条件的情况。这是因为我来自 C++ 背景，它可能不是竞争条件，而只是现代 Web 开发、javascript 和 Jquery 本质的自然怪癖之一。其中我知道的很少。

如果我能理解正在发生的事情，我可以充满信心地继续前进。如果这个问题与我们的使用有关，highcharts-ng我可以放弃它并把highcharts自己包裹起来。如果有更好的方法来解决我的用例（见下文），那也可以。

我看到的行为

我开始通过将 highcharts 对象打印到控制台来解决我的问题，当我扩展它时它显示了所有字段。但是，当我尝试开始解决我的问题时，我开始发现当我尝试访问某些字段时，它们实际上是未定义的。

好的，所以我发现这是因为当我在控制台中单击展开时，所有值都已填充。但是当我尝试在我的负载处理程序中访问它们时，它们是未定义的。

当我将回调包装在 Angular 中时$timeout，问题就消失了。但为什么 ？highcharts 在完成所有计算之前不应触发加载回调，实际上它无法在不计算某些未定义字段的情况下渲染图表。那么什么给了？一些 html5 网络工作者多线程是否正在进行？:D

Highcharts 动画... 动画是否会导致种族行为？

我发现了一些关于这个问题的参考资料，其中规定的解决方案是挂钩动画完整方法。该图表已禁用动画。但我想一些jquery动画可能仍在使用highcharts？如果它可以解决我的问题并且意味着我不必使用$timeout.

我试图解决的问题。

我正在开发一个复杂的可视化应用程序，我需要动态重新缩放 Y 轴，以便始终存在 Y 轴上的 2 条关键绘图线。对极端情况进行硬编码不是一种选择，因为它会阻止图表根据数据范围进行扩展。

Highcharts计算各种最大值和最小值，我想检查这些，如果我的绘图线不在这些最大值和最小值之内，我想设置新的极值并重新绘制图形。

这个问题有一些潜在的解决方案。可悲的是，骇人听闻的答案似乎是最强大和最简单的——即，在情节线上添加一个点并将其隐藏。我可能会沿着这条路线走以节省时间。虽然我不想。

我在我的 angularjs 应用程序中使用 Highcharts-ng，并且可视化看起来非常好。我只有一个问题，我无法更改月份的语言。

看到我通常可以用 shortMonths、months 等覆盖 lang，但它不影响。

在我的 $scope.chartConfig 我添加了以下配置：

它显示加载语言变量“Daten werden geladen...”，但不显示翻译的月份。

如果有人有解决该问题的提示，那就太好了。提前致谢。

我在我的控制器中创建了图表的配置，如下所示：

就像在 HighCharts-ng（HighCharts 的 angularJS 指令）中完成的方式一样。

我想要以下等价物：

这样我就可以在 highcharts-ng 中调用以下方法：

目前，我试图这样做：

但是当我调用这些方法时，我收到错误“未定义不是函数”。

这是一个非常简化的JSFiddle，我试图在其中获取图表对象并在其上调用方法。

提前致谢。

这是一个笨蛋：http:
//plnkr.co/edit/S1B9Q9e1yen0QgmKt2ri

馅饼被淹死了，但我无法单击以获取向下钻取馅饼

这是来自 highcharts.com 的原始小提琴，我对其进行了一些更改，以便它可以与 highcharts-ng 一起使用：
bit.ly/1kOPi7L

感谢您的帮助