问题标签 [lazy-high-charts]

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

javascript - 如何在 Highcharts 中更正鼠标事件

我正在尝试绘制 y 轴反转的 xy 线并且我正在绘制但mouse event我无法纠正它显示反向事件,我想自动找到轴的最小和混合如何做到这一点?以及如何将x轴置于顶部?

这是我的代码:

JS

HTML

这是一个JS Fiddle

是否可以在系列内传递字符串?可能是我的问题很愚蠢请告诉我是否可能,如下所示我很感兴趣

在代码的系列部分中,我想做如下

此数组的预期输出,按 y 轴排序好的模式 - 小提琴但鼠标移动不起作用

在这里,我对 xaxis 进行了排序-鼠标事件没问题,但是绘图模式(线)不是我期望的错误模式-小提琴

0 投票
0 回答
335 浏览

javascript - Highchart 鼠标事件中的 BUG 绘图类型:线/样条

看起来 highcharts 线图中的鼠标事件跟踪存在一些错误,我不确定它是否存在错误,几天前我在同一问题上又发了一篇文章,如何在 Highcharts 中更正鼠标事件,其中一个highcharts支持的工程师,建议对x轴进行排序,我按照他的建议做了,但结果是我在实际中不能接受的结果

这是Fiddle的链接,请查看

1)好的模式yaxis排序鼠标事件不起作用--->

2 ) 坏模式 xaxis 排序鼠标事件正在工作 --->

请有人帮我解决问题,这是我迄今为止尝试过的我在小提琴上的尝试,在这里你可以看到用散点图排序的相同数据 y 轴鼠标事件正在工作但不能使用线图。

0 投票
2 回答
2603 浏览

javascript - 如何在 Rails 应用程序中实现 Highcharts 柱状图?

我正在尝试使用lazy_high_charts在我的 Rails 应用程序中实现 Highcharts Column-Drilldown Chart。我想显示从我的数据库中提取并存储在四个数组(areas、areaScores、departments 和 deptScores)中的数据。我在将 highchart 网站上列出的示例 (JSFiddle)中的 JS 转换为 ruby​​ 时遇到问题。我无法找到任何有关在 ruby​​ 中创建柱状钻取图表的资源。任何有关如何将钻取图表集成到我的 ruby​​ 应用程序中的帮助将不胜感激。

我已经包含了 Highcharts 演示页面上显示的示例 JavaScript 和我的控制器方法,该方法用数据填充四个数组并构建 highchart。

Highcharts Column-Drilldown 图表示例 (Javascript)

我的控制器:

谢谢,马特

0 投票
1 回答
3709 浏览

ruby - 使用 Rails 的 Highcharts

我正在尝试使用Lazy High Charts gem,但没有运气显示图表。生成的 Javascript 看起来是正确的,但由于某种原因,图表没有显示在 div 中。

这是在浏览器中生成的 JS:

这是视图中的内容:

这是控制器代码:

这是应用程序布局中的内容:

这是我的 application.js 的样子:

有什么想法吗?

0 投票
2 回答
1511 浏览

ruby-on-rails - 如何使用 HighCharts 在 xAxis 上列出日期(逐日)

我正在尝试使用 HighCharts 沿 xAxis 显示日期(即按天)。我正在使用带有 Rails 的Lazy High Charts gem 来执行此操作。对于 HighCharts 的“数据”参数,我传入一个嵌套数组,其中包含 [[日期,收入],[日期,收入],[日期,收入]...等]。

带有收入的 yAxis 工作正常,但 xAxis 中的相应日期却没有。

这是控制器代码:

下面是检查“sales_and_date_array”的样子:

以下是图形输出当前的样子:

在此处输入图像描述

有什么想法吗?

0 投票
2 回答
736 浏览

ruby-on-rails - 懒惰的 HighCharts 和加载 Json 数据

我正在使用 LazyHighCharts 并尝试收集 json 数据以仅显示最后 24 小时,但它不显示数据,仅显示日期但仅显示一次(一天中的每个小时都应该有一个温度)。

数据结构

控制器

图片

在此处输入图像描述

0 投票
1 回答
307 浏览

ruby-on-rails - 为惰性 Highcharts 解析 JSON 数据

我在使用 Lazy Highcharts gem 将一些 JSON 数据解析为高图表时遇到了一些问题。我试图只选择过去 7 天或 1 周前的数据。在这个阶段,我的应用程序只是挂起并且没有加载下面的代码。

我正在从链接加载 JSON 数据。我尝试了 pointStart 选项,但它似乎不起作用。

任何帮助,将不胜感激。

JSON

控制器

0 投票
1 回答
328 浏览

ruby-on-rails - 使用lazy_high_charts gem 进行响应式大小调整?

如this fiddle所示,highcharts 可以响应式执行。

似乎lazy_high_charts 默认为width: 600px; height: 400px;未提供宽度或高度时。有解决方法吗?

0 投票
2 回答
1100 浏览

highcharts - 列 HighChart 删除空数据系列的间距

考虑下面的高图表

在此处输入图像描述

6 月 15 日,类别 II 没有数据,如果我不希望给它留下那个间距怎么办,无论如何要删除这些空格。

代码参考

0 投票
0 回答
175 浏览

ruby-on-rails - div顶部的Highchart饼图

我正在使用 rails gem (lazy_high_charts) 来帮助将属性传递给由 highcharts 提供支持的饼图。我希望饼图从 div 的顶部开始。目前,在 div 的顶部和饼图的开头之间有很多空间。我已经使用了 spacingTop=0 并且没有取得任何成功。

我要删除的空间的 Img

代码如下所示: