问题标签 [highcharts-ng]

嗨，伙计们，我需要你的帮助。我正在使用Highcharts-NG来制作图表，但我有一个小问题。我有我的图表工作，我正在将实时数据推送到我的图表，它工作得很好，但是每次我向系列插入一个点时，我想插入时间戳而不是 X 值“1”、“2”、“3”在 x 轴上。在普通的 highcharts 中很容易使用该功能addPoint()，但highcharts-ng我没有该功能。有人可以帮我吗？

这是我的工作文件：http: //jsfiddle.net/zrKEb/

我在 yaxis 上设置了一个日期时间格式的图表。它工作正常，但是，它正在完善我的时间。我已将最小值设置为“00:00”（UTC：1453698000000），最大值设置为“08:24”（UTC：1453698504000）。我的格式是“%M:%S”（分：秒）...我已将我的 tickInterval 设置为 124000（2 分 4 秒）。两件事： - 而不是从 00:00 到 02:04 到 04:08 等......它四舍五入到 02:00、04:00 等。- 它只上升到“08:00”......任何洞察力都会很棒！谢谢

我们正在尝试为我们的 Highcharts 图表创建一些复杂的工具提示，这将显示一些在应用程序中但图表不显示的动态数据，所以我认为最好的选择是为所有格式创建一个角度指令等，然后启用 highcharts 的 useHTML : true 属性以及自定义格式化程序功能。$compile() 不会抛出错误..

但是，当此代码运行时，工具提示仅将 Object.object 显示为文本，而不是指令模板的内容。我错过了什么，还是这不可能？下面是我们正在尝试的示例...

我想知道这是否需要“附加”到某些 DOM 元素才能工作，但如果是这样，我不确定该元素是为工具提示命名的吗？

我试图在过去 3 天里找到解决方案，但没有运气。

我的要求是加载包含一些数据进行分析的highcharts 。我必须加载 50 个这样的图表，每个图表包含一百万个点。为了避免浏览器崩溃，我决定一次加载 10 个图表，并在页面底部提供一个显示更多按钮，onclick应该在现有 10 个下方的同一页面上加载另外 10 个图表。

问题：

• 不知道如何通过单击现有的翡翠文件的按钮将翡翠文件附加到 div。

我做了什么：

• 我有两个名为jade1to10.jade 和jade11to20.jade 的玉文件，其中有各自的.js(angular) 文件用于图表配置。
• 我可以将它们单独加载到不同的选项卡上。
• 我在jade中尝试了Include选项，但它在编译时加载，并希望在单击按钮后第二页加载/附加到父jade。

我在玉中使用角度控制器来加载图表。请提供您的意见以找到解决方法。提前致谢。

我正在使用HighCharts和 Angular highcharts-ng指令。而且我采取的大多数行动很可能会导致价格线消失，或者更确切地说，实际上不会显示。

• 调整浏览器窗口的大小，从而调整图表的大小（线消失90%）
• 更改时间跨度（大约20%的时间线消失）
• 更改价格线数据（大约10%的时间线消失）
• 在图表中添加或删除区域图
• 没有错误

^ 以上百分比是基于感觉:(

^ 另请注意，焦点时间线导航器内的折线图也会消失。此外，如果您将鼠标悬停在图表上，则会显示缺失线的点。

下面是图表的样子（但是焦点线也消失了）：

我使用的图表是一种多图表类型，其中我有 1 个折线图（股票价格）和最多 3 个绘制其他数据的区域图。我也在使用highstocks 4.2.0。我们的应用程序非常复杂，很难在 plunkr 中复制。

这是我的图表配置

我的图表是如何生成的：

步骤 1 绘制价格线

在我的tickersController 中，我向chartController 广播了要绘制一条线的股票代码：

$scope.$emit("display.chart", vm.ticker.ticker);

我的 highChartsController 接收到事件并开始它的工作：

下面是具有等待 API GET 的 Promise 的 displayChart 函数（承诺返回 quote_data 中的数据）：

现在回到我的 eventListener$scope.$on("display.chart", function(event, ticker) {

在 displayChart 返回 Promise 和数据后，我添加系列，然后调用checkForTags()：

第 2 步，获取并绘制面积图：

第三步，调整浏览器窗口大小。

下面是窗口调整大小函数，它向 chartController 广播一个事件，然后触发 restoreChartSize，最后是 changePeriodicity：

任何想法或方向在这里表示赞赏！

我的 Plnkr 链接：http ://plnkr.co/edit/S0BKjrgxz564oCPs9nCw?p=preview

知道为什么我会收到此错误吗？不知道在哪里Highcharts[h]...

控制器代码

我正在使用 highcharts，当我用不同的数据刷新图表时，颜色会不断变化。这是我的主题对象：

它从我提供的颜色中选择颜色，但它会不断动态选择。highcharts 的默认行为是始终为第一个系列选择第一种颜色，如果有第二个系列，那么它应该从主题中选择第二种颜色。

这是只有 highcharts 的小提琴：http: //jsfiddle.net/sffnk2k1/ 这是 highcharts 和 ng-highcharts 的小提琴：http: //jsfiddle.net/Lurau4s7/

提前谢谢了。

我正在尝试一次将 100 个点动态添加到 Highcharts 并在 1000 个添加点后移动图表。但我没有让它以一种好的方式工作。这是我的代码。我做错了什么？

http://jsfiddle.net/o9sgrxzd/

我正在尝试进行预加载。目前我有38个系列。我有一个函数来生成一个名为 preload.show() 和 preload.hide() 的预加载动画。当我尝试生成图表时，我为动画调用 preload.show，当动画结束时 preload.hide() 尝试调用 .

想法是在图表准备好之前显示预加载，但奇怪的是，充电时不显示预加载，预加载只有大约一秒钟才能完成动画。我可以做什么 ？。我不能把我的完整代码放在我的业务和安全策略中，所以我做不到。

简而言之，从我想创建图表的那一刻起，就不会显示预加载。如我所愿，这在计算机中看起来不错。但是在这个问题发生在单元格中。

我正在使用Ionic编写应用程序，我需要显示图表。对于其中一个，我想尝试使用气泡图，但我似乎无法找到如何使用highcharts-ng进行操作。我知道原始库 Highcharts 有气泡图，但我似乎无法在 highcharts-ng 中找到它。是否支持？如果是，我该怎么做？

设计师希望我们实现如下所示的东西：

有没有办法自定义 highcharts-ng 来做到这一点？或者我可以用什么来实现这一点？