问题标签 [highcharts-ng]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
427 浏览

angularjs - 为什么我的样条图在使用组合图时不显示?

因此,我使用 Highcharts-ng 和 Angular 来创建样条图和柱状图的组合图,柱状图格式化为直方图以显示趋势。

它的工作方式是在页面加载时,我只看到直方图,而不是样条曲线。更改顺序无济于事。

看起来好像我对它显示的样条图数据进行了硬编码,但是在调用服务后使用程序添加数据不起作用。

网页上的图表使用给定的代码看起来像这样!

如您所见,它显示带有样条的图例,但样条没有显示。我不知道为什么。

0 投票
1 回答
395 浏览

javascript - Highchart 在服务器上部署时未定义错误

我的项目在 angualr js 中,它在我的本地工作,highcharts 很好,但是当我尝试在服务器上部署时,它给出了错误 highhcarts is not defined 。当我在互联网上搜索时,我发现 grunt.js 有问题,它会缩小 js,所以有人知道如何摆脱这个错误(highchart 没有定义!!!)

0 投票
0 回答
930 浏览

json - 将 JSON 数据直接加载到 highcharts 角度

我正在使用https://github.com/pablojim/highcharts-ng在我的 angularjs 应用程序中构建 Highcharts。正如该站点上所建议的那样,我正在控制器中配置我的图表配置,如下所示:

现在我有一个 json 文件:http : //pastebin.com/SEu8dHkB 如果您进行搜索,您可以在包含 highchart 配置的 json 上找到名为“highChart”的字段。现在我希望能够在控制器中或作为指令直接从 json 到我的 highcharts 配置中使用这些配置。这就是我在服务中通过 http 获取 json 文件的方式:

但是,我不确定如何将这些数据(在 json 中的 highChart 对象下)呈现给 $scope.chartConfig6,就像我上面所做的那样。有人可以告诉我如何做到这一点吗?

0 投票
2 回答
765 浏览

javascript - Highcharts-NG 只听我的一些图表配置选项

我正在尝试在我的角度应用程序中使用 highcharts-ng。我从来没有使用过高图表,这让我有些痛苦......

我正在尝试为我的图表创建一个指令。我知道图表已经是一个指令,但我希望将它放在一个指令中,这样我就可以更轻松地将数据从我的数据库加载到它们中,因为我每页会有几个。

该图表显示了正确的数据,但显示为折线图而不是条形图。高度变量都没有转化为图表。

我在下面附上了一张当前结果的照片。[注意它不是一个 100px 高的条形图]

错误的东西ff

0 投票
2 回答
24541 浏览

javascript - HighCharts:如何使用回流来允许在更改大小后自动调整大小

在我们的 Angular 应用程序中,我们使用highcarts-ng来实现HighCharts

这是图表最大化和最小化功能,它有效:

这是回流功能:

上面的这个 reflow 函数在这个jsFiddle中完美运行,但在我们的应用程序中却不行。

我们的 HighChartsDirective 文件的完整 Gist 文件

单击最大化后,图表将展开到浏览器窗口的完整大小,但在拖动以调整浏览器窗口大小后,我调用了该restoreChartSize函数,该函数激活了回流。

但是图表的大小不会自动调整为 100% 100%,它会回到图表的先前大小:(

最大化之前: 在此处输入图像描述

在最大化功能之后:

在此处输入图像描述

现在在调整浏览器窗口大小后:

在此处输入图像描述

^ 回到较小的静态尺寸,而不是 100% 的自动尺寸

0 投票
2 回答
197 浏览

javascript - Highcharts:按图例隐藏时列重叠

我对高图表有疑问。我有一组用于单个类别的列,当我开始使用图例名称隐藏列时,它开始显示奇怪的行为,例如我的默认图表如下: 默认状态

在我开始隐藏列之后,它开始重叠,应该可见的列就像现在一样,但其他列留在那里。有什么已知的错误吗? 在此处输入图像描述

PS:我用的是highcharts-ng,所有系列都是动态添加的。

0 投票
1 回答
203 浏览

angularjs - 我是否需要下载特定的 js 库才能使用 highcharts-ng 指令,或者它是否已经嵌入到 highcharts.js 中

我正在尝试使用带角度的 highcharts。现在我想使用现成的指令highcharts-ng,但没有出现。我怀疑我需要下载/使用外部库,尽管我没有看到任何提及。所以我的问题是我是否需要下载外部文件/库才能使用 highcharts-ng 指令?

问候,

0 投票
1 回答
891 浏览

javascript - 通过 highcharts-ng 指令将使用 highcharts 的图表添加到角度

我想在我的角度应用程序中添加一个图表。我决定使用 highchart-ng 指令。这是控制器:

这是视图:

问题是当我查看我的页面时没有呈现任何内容,我不知道发生了什么。

问候,

0 投票
2 回答
672 浏览

angularjs - highcharts-ng:无法读取未定义的属性“setExtremes”

突然highcharts-ng模块开始抛出一个非常奇怪的错误。

在此处输入图像描述

我没有触及这部分代码,也没有使用setExtremes属性。

错误行 92:

在此处输入图像描述

如果有人已经遇到过此类问题,我非常感谢您的帮助。

0 投票
1 回答
428 浏览

javascript - 在 Angular 应用程序中加载 Highcharts

我正在尝试在我的角度应用程序中复制此处找到的图表:http: //jsfiddle.net/pablojim/Hjdnw/ 。

但是,与上面的示例不同,我使用的是 1.2.28 版本而不是 v1.0..

我在这里复制了我的设置:http: //plnkr.co/edit/ugIbk80yBXuvjsUFhiiP ?p=preview

但是我在控制台中收到 2 个错误:

  1. 类型错误:HighchartsAdapter 未定义

  2. 错误:H 不是函数

脚本加载的顺序重要吗?我正在关注: