问题标签 [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 回答
1269 浏览

csv - Highchart、CSV 和 48 小时时间线,显示最近 48 小时数据

我有一个 CSV 文件:

仅显示最近 48 小时数据的最佳做法是什么?

这是 CSV 解析器:

修改此解析器以仅从 CSV 加载最后 288 行(24 小时数据)是一种好方法吗?如果是,我该怎么做?

0 投票
1 回答
1601 浏览

javascript - 如何将 svg 写入 Highcharts.Renderer 对象?

我正在使用 highcharts 绘制图表,我喜欢它。我有一个页面上有 4 个图表。我想使用 Highcharts.Renderer 将所有 4 个图表组合到一个 Renderer 对象中以打印它们和/或将它们导出为一个图像。我可以看到如何将 svg 图像从磁盘添加到 Highcharts.Renderer,但是编写 svg 然后再次读取它似乎是一个浪费的步骤,因为我的文档中已经有了 svg。有没有办法做到这一点?

0 投票
2 回答
4645 浏览

javascript - Highcharts JS setData in spline

I have a chart I want to update when a user updates something in his/her profile. The data structure is like this:

I create the string in JS before sending the string to setData. However I cant get the update to work:

What I want to do is update the axis with the dates and plot the weight for the user. I am sure I am doing it wrong, but I cant figure out, what I am doing wrong - I am sure you know the feeling :)

0 投票
2 回答
725 浏览

javascript - 可以处理带注释的新闻标题的 Javascript 图表组件

我正在寻找一个 Javascript 图表组件,它可以直接在图表上嵌入新闻标题,类似于Google 财经提供的功能

我知道这在 Flash 中是可能的,例如 Google Chart Tools (http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html) 或 amCharts (http://amcharts.com/stock/events /),但我宁愿避免使用 Flash,因为它与 iPad 和 iPhone 一起使用。

我也一直在研究 Flot (http://code.google.com/p/flot/) 和 Humble (http://www.humblesoftware.com/finance/index),但因为这些是使用 canvas 元素制作的,我认为它们在 IE 中运行得不够好。我知道他们都使用 excanvas 来使在 IE 中使用它们成为可能,但是它们的性能还不够好。我已经在几台计算机上在 IE 6-9 中测试它们,结果根本不足以让我有信心使用它们。

我对 Highcharts (http://www.highcharts.com/demo/?example=line-time-series&theme=default) 和 Raphael (http://g.raphaeljs.com/) 印象深刻,但两者都没有默认情况下已实现带注释的新闻标题,因此需要大量工作才能完成。您对如何在不使用 Flash 和不使用画布的情况下执行此操作有任何其他建议吗?

如果有人实施了类似的解决方案,我也很乐意看到演示。

感谢您的时间。

0 投票
1 回答
1256 浏览

javascript - 从 XML DOM 对象中获取完整的 XML 源

用于在浏览器中呈现漂亮的交互式图表的“Highcharts”库有一个导出功能,它将内部使用的 SVG 发送到一些服务器端应用程序,该应用程序对其进行光栅化,并将生成的 PNG、JPEG 或 PDF 发送回去以供下载。

我的问题是可以在浏览器中显示的背景图像和符号在被 Highcharts 导出之前被丢弃,但我想要它们。

所以我注释掉了所有删除他们所有 SVG<image>标签的东西等等(顺便说一下,他们正在使用正则表达式来清理他们内部使用的 SVG ......)。

但是他们为这些标签使用了一些非标准属性,<image>并且它们的坐标与图像的映射不同,所以我必须重新计算并丢弃属性。

所以我使用 DOMParser 解析了他们的 SVG 并做了我应该做的事情,bot 现在我正在寻找一种优雅(或简单)的方式来获取原始 xml - 我已经看到在 Internet Explorer 中可以获得原始xml 使用xmlDOM 文档对象的属性 - 所有其他浏览器是否有等效的东西?我现在正在搜索整整一段时间,但找不到任何真正有用的东西。谢谢 :)

0 投票
2 回答
3078 浏览

javascript - Javascript window.print() 给了我不同的输出

我一直在尝试解决打印我正在开发的 Web 应用程序的某些区域的问题。问题在于highcharts js,它将条形图呈现为<rect ... />.

在加载时调用 window.print() 时,打印调用的行为就像背景图像/颜色总是消失的背景图像问题。但是,当我从浏览器菜单打印页面时,它的显示应该是这样的。知道为什么它不会打印<rect />吗?

0 投票
2 回答
49685 浏览

javascript - y轴的Highcharts文本标签

我正在使用 Highcharts 并希望显示一个简单的柱形图,但我不想使用 y 轴的数值,而是使用文本值。
例如,而不是[0,5,10,15,20]我想使用[Very Low,Low,Medium,High,Very High].

我注意到使用绘图带可以做到这一点,但它仍然显示数字 y 轴标签并且只是将文本放在它们旁边。我只想显示文本标签。

0 投票
1 回答
1791 浏览

ruby-on-rails - 如何为 Highchart 创建数组?

我正在尝试为高图表创建一些数组。我看过有关如何创建高图的 is railcasts 剧集。http://railscasts.com/episodes/223-charts

这是我的一些 Highchart JavaScript 代码:

我的桌子:

我的图表 - 如您所见,Iqmedier 的日期有误(2 月 17 日),所有其他柱的日期也有错误。![我的图表][1] http://i.stack.imgur.com/E1MIN.png

Indtjening 应取 Iqmedier 和 Euroads 的总和,并从 dato 列中的最后一个日期开始。

如何在 dato 中找到最后一个日期并将其创建为整数?

0 投票
1 回答
1662 浏览

javascript - HighCharts - 图表轴在第一个数据点之前开始

我正在使用 HighCharts 生成一些图表。

由于某种原因,图表轴不是从 00:00 开始(这是本例中最早的数据点),而是从 23:00 开始,这似乎很奇怪。

我尝试将pointStart选项设置为最早的数据点,但这也无济于事。我这样设置属性:

这是显示问题的图像:

在此处输入图像描述

0 投票
1 回答
1856 浏览

javascript - Highslide JS > Highchart - 我该如何修改?

如何制作此示例http://www.highcharts.com/demo/?example=spline-plot-bands&theme=default,实时更新,每秒更新一次,就像在此示例中http://www.highcharts.com/ demo/?example=dynamic-update&theme=default

第一个示例,带有绘图带的样条曲线,正是我所追求的;2 带有隐藏或显示一个或另一个选项的绘图图。唯一缺少的是让它们像另一个示例中那样实时更新。

我怎么可能实现它?

谢谢!