问题标签 [highcharts-ng]

我有一个图表，它将以每小时 1 个数据点的粒度显示四分之一以上的已售门票。

为了使这个看起来像样，我将 highcharts 缩放功能与堆叠区域样条一起使用。

我的问题是图表在缩小时变得非常尖，因为它必须渲染很多数据点，这些数据点可能在一两个小时内在几百到零之间波动，所以我想知道是否有办法限制数量每个 x 轴刻度的渲染数据点，以进一步平滑样条曲线？

一个例子是，如果 x 轴完全缩小，它将标记月份并每月渲染 4 个数据点，然后当我在 7 月初放大时，它将标记 7 月 1 日至 7 月 4 日并渲染每天 4 个数据点。

BR弗雷德里克

我有一个带有 yAxis 的图表，它的最小值为 -5，最大值为 5。

yAxis 有以下标签：-5, -2.5, 0, 2.5, 5。

我的配置非常接近 - 我有适量的网格/绘图线，但我想隐藏yAxis 中的几个文本标签（不是与标签相关的实际行）。

换句话说，我想删除或隐藏-2.5and2.5标签。

我在 yAxis 中尝试了各种方法，例如 step，但它没有达到我想要的效果。

JSFiddle

任何想法如何实现这一目标？

我正在使用 highcharts-ng 创建一个动态更新的饼图。

当数据改变切片动画（大小增加或缩小）。我试图在图表的起始角度方面达到类似的效果。

当系列的 startAngle 属性发生变化时，我希望发生过渡动画。我不知道这是否可能。

这是一个 JSFiddle，它显示了开始角度的变化，但没有动画。

http://jsfiddle.net/367gjasq/2/

这是来自 jsFiddle 的一段代码，它显示了我当前如何更新图表的 startAngle 属性

我正在尝试将 highchart 放入 flexbox 容器中。图表随容器一起增长就好了，但是当容器缩小时它不会缩小。

我的项目使用 angularJS 和 highcharts-ng，虽然我猜问题出在 flexbox 本身。至少在 Chrome 和 IE 中是一样的。

这是一个说明问题的plunkr 。如果您打开嵌入视图，您会注意到，当您将窗口变宽时，两个图表都会重新排列以适应。但是当你把它变窄时，顶部图表（在弹性框中）保持不变。

我放了回流按钮来广播highcharts-ng的回流事件，但似乎没有效果。

我正在寻找一种解决方法或任何仍然可以让我使用 flexbox 的解决方案。

以下是 Plunkr 的代码。它基于 highcharts-ng 的作者的另一个 plunk，解决了引导容器的类似问题。

索引.html

样式.css

应用程序.js

我有性能问题/问题。我正在使用 angular 和 highcharts-ng 在单页中渲染大约 80 个区域图。当加载数据并且 Angular 将其绑定到图表时，我的浏览器在大约 2 秒内没有响应。这可能不是很大的数量，但仍然......

1. 是什么原因？这是角度到图表的绑定问题还是只是由 highcharts 绘制的图表？

2. 有可能让它更快一点或者只是让它不挂浏览器？

编辑：

响应来自服务器非常快。数据量非常小。当我关闭图表 (ng-if="false") 时，剩余数据加载速度非常快，没有任何性能问题。

每个面积图最多有 12 个数据点。

所以我想要做的是当用户单击一个按钮时，我想向页面添加一个新的 highchart 元素。目前我看到我的图表容器出现了，但图表没有。

这是我正在尝试做的事情：

我对此还是很陌生，所以我想知道我做错了什么

任何建议都会很棒！

谢谢~

我想知道在向区域图添加点时应该如何获得更好的动画。在常规的 highcharts 中，这非常顺利，但是使用 highcharts-ng 它会重新渲染图表的一大块。

我有两个显示问题的小提琴。Maby有一个简单的方法来解决这个问题吗？

Highcharts-ng http://jsfiddle.net/Cp73s/3399/

常规高图表 http://jsfiddle.net/m8Lavyrc/3/

肿瘤坏死因子

我对 highcharts 和 bootstrap modals 有疑问。highcharts 图表无法正确放入容器中。

图表应该有宽度 = 100% 但它有宽度 = 600px，默认模态宽度。如果您使用 modal-sm, modal-lg, ... 类，这是不行的。

我已经阅读了另一篇关于此的帖子，解决方案是调用 $(window).resize() 或使用 highchart 回流方法。

好的。我尝试使用 ui.bootstrap for angularjs 的“渲染”承诺，但渲染在模态容器内产生一个 ng-class 属性，模态大小（modal-lg，modal-sm，...）。

此参数在此调用后以真实的 class="modal-lg" 呈现。

您可以对此进行测试：

这将返回主类“modal-dialog”，但不返回呈现的 ng-class。

我用一个不理想的解决方案解决了它：

有没有更好的方法来做到这一点？

资料来源：

索引.html

模态的.html

所以我正在使用 Highcharts，我有一个堆积条形图来显示一些数据，如下所示：

如您所见，它们的值都是不同的。我想要做的是底部的最低值，第二低的高于它，第三低的高于它。折线图很好。

此图表中有四个系列，您看到的每种颜色都有一个。每个系列都有一个包含 7 个元素的数据数组，代表每一列。

那么我如何准确地对这些系列和数据数组进行分组和排序，以使最低的总是在底部？因为看起来 4 系列的顺序决定了列的顺序。

我想在我的 Angular 应用程序中的一些饼图中添加一个角度 ng-click 事件或 onClick 事件。饼图如下所示：

我想做的是当我单击该文本时，它会应用我拥有的一些过滤逻辑。

但是，向 highcharts-ng 中的格式化程序添加 ng-click，例如：

不工作。

我不确定如何在 highcharts-ng 中使数据标签可点击。