问题标签 [highcharts-ng]

我无法使用这种方法将 highcharts 绑定到动态 chartConfig

其中图表是控制器中的一个对象，通过键“{{moment}}_a”容纳多个图表。

当页面解析时，highcharts 具有正确的输出，例如

config="charts['ABC-DEF_a']" 但图表和数据不显示。如果我在页面中手动输入相同的 config="charts['ABC-DEF_a']" ，它会显示得很好。

如何确保 highcharts 绑定到引用的变量？

谢谢

我正在使用带有 AngularJS 的 Highchart 图表库，使用Pablojim 的 'Highchart-ng' 模块。

一切都已正确设置，以下代码按预期工作：

但

才不是。（注意“数据”的区别）

我不断收到以下错误：

注意：变量 {{visitors}} 在我的控制器中正确设置，在我的模板中使用它时，数据工作正常。它还可以与我以前的图表库 Flot 一起使用。

我尝试了多种解决方法：

• 通常我可以通过在指令中添加类似的东西来解决这个（初始化）问题ng-repeat="data in visitors | limitTo: 1"，所以它只在变量可用时才初始化（这适用于 Flot 和 EasyPieCharts）。
• 添加ui-refresh="visitors"不起作用，
• 也data: {{visitors || 0}}不起作用。

那么，如何在模板文件中添加内联变量？

我正在使用 Highcharts-NG 将 highcharts 添加到我的 Angular-Firebase 应用程序中，并且 highchart 没有假设 div 的大小。但是，当我检查元素以便可以自定义图表大小时，它会神奇地假定 div 大小。我已经进行了搜索并尝试了一些我找到的修复程序，但没有任何工作。这是一个已知的问题？如何在不检查元素的情况下使其正确调整大小？

我在这里有一个关于这个问题的 youtube 视频：链接

我正在使用带有 angularjs（highcharts-ng）的 highcharts 并动态获取系列数据，该系列数据数组可能为空，如果为空，我想在图形 div 中显示诸如“无可用数据”之类的消息。我怎样才能做到这一点？？

我有一个 highcharts 堆积条形图，其中有一些非常低的值。这会导致两个数据标签重叠，就像这个小提琴：http: //jsfiddle.net/cerjps88/

确保标签不能重叠的最佳方法是什么？

这是我的高图代码：

我在一个角度应用程序中使用 highcharts-ng，我需要在单击 xAxis 标签时运行一个函数，请参阅下面我添加到图表的类别和标签。

目前我可以在标签和警报中添加一个 onclick，但无法让它与 angular 一起使用。

http://pablojim.github.io/highcharts-ng/

当前代码的工作示例在这里。 http://jsfiddle.net/3gLr4vcu/

是否可以在显示视图时告诉 angular 加载外部 javascript 并在视图离开时卸载它？

我可能有 2 个不兼容的 javascript 库：highcharts 和 highstocks。Highstocks 提供 highcharts 但没有某些功能（没有 3D，...）。仅在加载 highstocks.js 时使用 Highcharts-ng。

但对于其他一些观点，我想在一些特定的图表上使用 highcharts.js。

因此，在最坏的情况下，我希望有一些显示 highcharts 的角度视图（加载 highcharts.js），还有一些显示 highstocks 的视图。但由于这些外部 javascripts 需要加载到 index.html 中，所以这是行不通的。

是否可以在视图中加载 highcharts.js，离开此视图时卸载它，切换到另一个视图时加载 highstocks.js？

谢谢

我正在尝试用逗号打印数字（仅显示 9,000 个，而不是 9000 个），这就是我设置格式的方式 format: '{point.name}: {point.y}'

我找不到一种方法来{point.y}进入一个返回所需结果的函数，我尝试过这种方式format: '{point.name}: '+ numberWithCommas(point.y)，但当然point is not defined我不知道如何处理它，我怎样才能让它工作？

谢谢

我的代码（在控制器上）创建一个角度 ui-grid -

因此，在我的控制器中，我调用了将使用并创建数组getData()来填充网格的函数gridOptionscolumnDefs

正如您在columnDefs我cellTemplate在网格中使用的那样，这就是我的ui-grid-cell-template.html样子 -

所以我的网格显示数据列，其中一列有一个图表，它需要从控制器的$scope对象中动态读取配置。这个动态图表配置对象将由getColumnChartConfig控制器范围内的方法提供，其最简单的形式看起来像这样 -

你能否让我知道这是否是完成我想要做的事情的正确方法，如果是，那么为什么getColumnChartConfig没有从我的网格中调用该方法cellTemplate？有没有其他方法可以做到这一点？

提前致谢。

我在 Angular 中使用 HighChartsNG。我想在给定的 Div 中显式渲染我的图表，所以我使用 options.chart.renderTo = 'divId'，但这似乎不起作用

JSFiddle 演示

html:

JS

在上面的示例中，我试图将图表显式呈现为“中间”div，但这似乎没有发生。我究竟做错了什么？