问题标签 [highcharts]

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 回答
3713 浏览

jquery - 为股票数据格式化 Highcharts xAxis

我已经完成了需要为 xAxis 属性设置的 Highcharts 选项以格式化时间标签,但没有运气了解这在这种情况下究竟是如何工作的。

我在白天(日内)检索了一只股票的动态数据,我需要显示这些数据,因为每天从 9:30 开始到 17:00 结束检索数据,我需要显示显示 30 分钟间隔的标签,如下所示: 9:30..10:00..10:30..etc 但我似乎无法使用每 5 分钟接收到的数据块(指针)来处理它。

另一个问题是我需要显示数据而不跨越图表的整个宽度,例如在 10:00 我只有 6 个条形图(每个 5 分钟),但它的作用是用大 6 填充图表条形图而不是将它们锁定在它们的时间范围内: 不良行为

我需要做的是在 9:30-10:00 区域内显示这些条形图,并在收到更多数据时将其余的条形图填充,就像这样: 通缉行为 我将不胜感激有关如何完成此操作的任何帮助。我知道正在使用股票图表类型,但我现在急需使用 OHLC 类型。

非常感谢。

0 投票
2 回答
3731 浏览

javascript - HighCharts - 一个 xAxis 中不同间隔的数据(隐藏第二个 xAxis)

我想在同一个 xAxis 中以小时粒度显示来自不同日期间隔的数据。我想将这两个图表显示在彼此之上,而不是彼此靠近。

我可以用 2 xAxis 做到这一点。参见示例: http: //fiddle.jshell.net/X3jPh/770/

是否可以隐藏第二个 xAxis,因为正如您在示例中看到的,两者具有相同的小时间隔。

0 投票
2 回答
10549 浏览

javascript - HighCharts - 在 xAxis 中显示最后一个标签

如何强制在 xAxis 中显示最后一个标签?我尝试使用 showLastLabel: true。但正如你所见,它并没有真正起作用。

参见示例: http: //fiddle.jshell.net/X3jPh/770/

0 投票
1 回答
7784 浏览

javascript - 使用 jQuery for Highcharts 迭代 JSON 响应

我制作了一个 servlet,它创建了一个 Map 对象:

使用 google JSON 填充数据并返回 JSON 格式的响应:

在检索数据并将它们迭代到表中时,所有这些都可以正常工作。但我需要 Highcharts 插件的特殊格式:

为了实现这一点,您必须创建如下所示的脚本:

无论如何,我在这里做错了什么。无论是在迭代中还是我如何“初始化”系列

以下是我更好理解的来源:

0 投票
2 回答
9407 浏览

javascript - highcharts 可缩放的 6 个月折线图

我想要一个 6 个月的图表,默认显示每月视图,但可以缩放到当天。

今天我们有 6 个月的图表:

这非常适合每月使用。

为了获取每日数据,我可以将大约 30*6 的元素推送到数据中。我也尝试使用:

像这个例子:http: //jsfiddle.net/7Mmee/9/

但问题不是每个月都有 30 天,而且图表底部也没有显示类别。

我确定有一种简单的方法可以做到这一点,我错过了。

谢谢乔尔

0 投票
1 回答
1367 浏览

javascript - Highcharts - “样式为空或不是对象”

所以,我在使用 Highcharts 时遇到了一些问题。它最近出现了一个仅在 Internet Explorer 8 中触发的错误。失败的行来自 highcharts.src.js 文件的第 270 行:

创建图表的代码如下:

onSuccess在 web 服务调用成功提供 Json 图表数据后触发函数,如下所示:

在其他浏览器中一切正常。有什么想法吗?

谢谢!

0 投票
3 回答
19389 浏览

javascript - 使用 Highcharts 时出现 JavaScript 错误

我有一个奇怪的问题,希望你能帮助我。

我在开发网站上运行了Highcharts——我使用一个简单的表单来允许用户输入数据。

在同一页面上,一旦输入数据,就会显示一个 Highchart。

数据输入表单具有非常简单的基于 jQuery 的片段,例如。表单验证,最大字符数计数器等。

发生的情况是,当数据库中有图表数据时,图表会正确绘制,并且当您尝试输入新数据点时,剩余的 JS 片段会按预期工作。

但是如果数据库中没有数据(因此没有显示 Highchart),我所有的 JS 片段都会停止工作。

在 Firebug 控制台上,当没有数据形成图表时出现此错误:

在 Chrome 上,另一个错误显示为

同样,一旦我输入第一个数据点并形成图表,这些错误就会消失。

有谁知道发生了什么以及当 Highchart 为空时如何让我的 JS 工作?

任何指针都非常感谢。谢谢!

0 投票
1 回答
2394 浏览

javascript - 用 Cucumber 测试 Highcharts(JS 图表库)

我有一个应用程序,我们在其中帮助我们的客户通过使用highcharts呈现的图形来可视化数据。数据处理和可视化是我们的应用程序提供的主要价值,换句话说,它很重要,应该进行测试。

我正在使用 cucumber 为应用程序编写集成测试,我想包括一些我们的 highcharts 实现的基本测试。我特别热衷于测试是否绘制了正确的数据以及自定义 ajax 交互是否正常工作。示例功能可能如下所示:

任何测试这样的东西以及使用 Selenium、Watir 等工具的经验将不胜感激。

0 投票
4 回答
13796 浏览

javascript - 从毫秒的字符串转换为日期对象Javascript

我在处理日期时间转换时遇到了这个问题。我有来自 postgreSQL 数据库的时间戳数据,格式如下

“2011-04-04 19:27:39.92034”

为了在 highcharts 中显示它,我必须将它转换为日期或时间对象。没有毫秒,我很容易用Date.js转换它

但是该库无法处理毫秒。我也尝试过 Date.parse 但总是得到 NaN。

这个问题有什么解决办法吗?谢谢

0 投票
2 回答
1153 浏览

javascript - Excel 图表到 JavaScript

任何人都可以建议从 MS Excel 图表创建 JavaScript 图表以保留颜色和其他格式选项的方法吗?理想情况下,我可以创建一个 HighCharts 字符或看起来至少接近用户在 Excel 中创建的字符的东西。目前,我正在研究 Open XML/Drawing ML 文件格式或可能的 VBA,以创建一些 JavaScript 图表库的转换层,例如 HighCharts。

请注意,这不仅仅是导出为简单 CSV 文件的情况,这里的关键考虑因素是保留图表格式。

感谢您的任何建议,

一个,