问题标签 [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 投票
2 回答
8741 浏览

highcharts - HighCharts:缩小图表大小

有谁知道如何减小这个饼图的大小?我正在使用 Lazy High Charts gem。

在此处输入图像描述

0 投票
2 回答
1540 浏览

ruby-on-rails - 使用lazy-highcharts gem 将图表导出为图像

我可以使用惰性 highcharts 生成图表,但我希望将这些图表导出为图像,这是我用来生成图表的代码

在我看来,我要展示我有这个的图表

我想要像这里一样的效果,我可以使用导出按钮下载图表图像。

0 投票
1 回答
850 浏览

ruby-on-rails - Rails App 通过 Lazy_High_Charts Gem 在 Highchart 图中绘制零点

我对 Rails 还是很陌生,但我会说进展相当顺利。因此,为了练习,我正在开发一个简单的应用程序,用户可以在其中输入他们的体重,并且使用 Lazy Highcharts gem 通过 Highcharts 折线图向他们显示 30 天内的信息。我跟着 Ryan Bates 的 Railscast #223 开始。

我的问题:
好的,所以输入显示,除了在用户没有输入值的那一天,它在图表上显示为“0”(线下降到图表底部),而不是连接到任何一天的下一个点。不知道这一切是否有意义,所以这里有一个截图:

截屏

我找到了这个解决方案: Highcharts - Rails Array Includes Empty Date Entries

但是,当我实现在该页面上找到的第一个选项时(将 0 转换为 null):

点出现了,但线没有出现,工具提示也没有......这让我认为有些东西正在破坏 js。不过,控制台中显然没有任何问题..?从这里我认为这可能是使用 Highchart 的 'connectNulls' 选项的问题,但这也不起作用。实施第二个选项(拒绝方法)时:

它完全从图表中删除了所有为空的日期,这完全弄乱了结构,因为这些值应该根据它们的 created_at 日期显示。

所以回到第一方,这就是我剩下的(图表在没有输入的日子里绘制零)。

模型:

控制器:

有人对此有解决方案吗?我想我可能会做错这一切,所以非常感谢任何帮助。

0 投票
1 回答
538 浏览

c# - Highcharts with new data from jSON is not working

I have implemented Highcharts successfully which is working very good. My highcharts are getting live data at every 1 minute and add points which is doing as expected. But I have certain problem likes My highcharts is having two series First is line type series and second is area type series. First series will get always 2 points only and second will get more than 200 points. As I told you my data is live, data start coming on 7 AM just for line and blank data for area until 9 AM at exact 9 AM new data will start coming at every 1 minute until 12.30 PM but what happens at 9 AM my chart goes stop and even on new next day 7 AM my chart stop

But if i refresh my browser I get new data and it will start working as we needed.

My code as follows

my JSON data at 7 AM

my JSON data after 9 AM

And it will start getting new data in areaSeriesData every 1 minutes

@@Update

I found the problem that at 7 AM and 9 AM I was not getting data I was getting empty string, so it was going to error which I was not handling, now I change it as below which start removing series but now I am not getting series for line at 7 AM which have data.Can somebody tells me what I am missing or doing wrong over here.

0 投票
2 回答
391 浏览

javascript - lazy_high_charts 和基础冲突加载 javascript

我正在使用lazy_high_chartsfoundation 4

在我看来,我有<%= high_chart("my_id", @chart) %>,它会生成以下内容:

但是,由于foundation 4在我的application.js

如果我删除这些线,图表就会加载。

我怎样才能使用foundationlazy_high_charts在一起?

0 投票
2 回答
313 浏览

javascript - 使用lazy_high_charts 生成气泡图

我对 JavaScript、Ruby、Rails 和 Highcharts 还很陌生,但我已经应付得很好,可以使用 rails 4 和lazy_high_charts gem 1.5.0 版获得折线图和饼图。我不知道如何让气泡图出现。:( 我在我的 rails 服务器日志中没有看到任何错误报告(我认为这是有道理的,因为问题会体现在客户端)。我不知道是否有客户端日志。谁能指出我的毫无疑问的菜鸟错误?

这是我的控制器代码:

在我看来,它的引用为:

谢谢!!

[编辑] 多哈。我弄清楚我做了什么菜鸟的事情。我未能在生成的页面上包含 highcharts-more 脚本。一旦我将此行添加到我的应用程序布局 .html.erb 文件的部分,它就起作用了:

一旦允许(约 5 小时内),我将结束我的问题。

0 投票
1 回答
984 浏览

highcharts - 我的多轴 Highcharts 图表忽略了我为第一个 y 轴设置的最大值

我有这个多轴图表。

它使用 Ruby gem 编码lazy_high_charts,但与 Highcharts 的唯一区别是 Ruby 语法。

我的问题是我已经将第一个设置yAxis:max => 10,因为没有任何值会高于 10。但由于某种原因,这被忽略了。有任何想法吗?

0 投票
1 回答
452 浏览

javascript - rails javascript资产冲突

目前,我使用两个提供 javascript 资产的 gems。这两种资产相互冲突。

在我的例子中,它是lazy_high_charts gem 和bootstrap-wysihtml5-rails gem。

我目前的项目中都有。首先,我只有一些文本框的 bootstrap-wysihtml5-rails gem。昨天我将lazy_high_charts gem 添加到我的仪表板项目中。

我的应用程序内的多个位置都有所见即所得的文本框。对于仪表板,我创建了一个带有索引操作的新控制器仪表板。

在我添加了lazy_high_charts_gem 并需要我的application.js 清单文件中的javascript 文件后,整个项目中我的文本框中的所有所见即所得编辑器都消失了。一旦我从我的 application.js 文件中删除了lazy_high_charts javascript 要求,所见即所得的编辑器就回来了。

第一次尝试 我第一次尝试解决这个问题是改变我的javascript要求的顺序:

应用程序.js

到: application.js

但这并没有改变。

第二次尝试

我第二次尝试解决这个问题是在dashboard.js 文件中要求lazy_high_charts javascript 文件。

应用程序.js

仪表板.js

但是这种尝试的问题是,在预编译所有资产之后,javascript 文件被编译成这个大的 javascript 文件,而我的所见即所得编辑器又停止了。

我的第三个想法如下: 对于我的仪表板,我可以为仪表板控制器创建一个自己的资产文件夹和一个清单文件。在它的 javascript 清单中,我可能需要lazy_high_charts javascript 文件。在仪表板/index.html.erb 视图文件的底部,我可以加载 javascript 清单

这将解决目前的问题。但是当我需要一个带有高图表和所见即所得文本框的视图时,我又遇到了同样的问题。

因此,我问我是否有更好的解决方案可以阻止两个宝石的冲突,并允许我在同一视图中使用两者。

0 投票
1 回答
533 浏览

highcharts - Highchart - highstock 滚动与缩放不同步

我有一个图表,我在其上显示非常小的间隔时间数据(接近 2 分钟),当我在centre图表上使用拖动放大时,对服务器的调用获取缩放后的数据,但在 x 轴上导航器(水平滚动)将放大的数据移动到extreme left它应该在时间线的中心。

0 投票
4 回答
4799 浏览

jquery - Highcharts 工具提示内的链接

我正在尝试为我的应用程序复制这个小提琴的行为。当我在 PC 或 Mac 上时,一切正常。我还在一些平板电脑上进行了测试,但它不想在 iPad 上工作,这是我的应用程序的庞大用户群。

任何帮助将不胜感激!!!