问题标签 [sparklines]

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 投票
5 回答
455 浏览

ruby-on-rails - 获取包含过去 2 周内创建的帖子数的数组

我想创建迷你图来说明过去 2 周在我的博客上创建的帖子数量。为此,我需要首先生成一个数组,其中包含相关期间每天创建的帖子数。

例如,这个数组:

生成这个迷你图:(我在 Google Charts API周围使用 Googlecharts 包装器)

我的问题是如何创建这些数组。这是我现在正在做的事情:(我正在使用Searchlogic进行查询,但即使您从未使用过它也应该可以理解)

这种方法既丑陋又缓慢——一定有更好的方法!

0 投票
3 回答
1929 浏览

jquery - 迷你图渲染很慢并且挂起浏览器

迷你图非常适合做小内联图。但是,如果它们所在的容器是隐藏的,则不能简单地将它们绘制在幕后,然后再显示出来。您必须先显示容器,然后调用该$.sparkline_display_visible方法。

这没关系,只是如果你有很多图表,它真的很慢。我有 200 多张图(最终会扩展到更多)来渲染,渲染它们大约需要 4000 毫秒,挂起浏览器。有谁知道如何通过不挂起浏览器来加快这个过程(值得怀疑)或提高感知性能?我尝试添加一个计时器,以便每个图形在渲染时一次显示一个,但是对于 200 多个图形仍然需要一段时间,而且效果有点分散用户的注意力。

谢谢

0 投票
2 回答
411 浏览

jquery - Web Workers and Sparklines

I know that Web Workers don't have access to the DOM, but I was wondering if there was any way they could render a Sparkline graph behind the scenes and pass it back. If not, is there ANY way I could use Web Workers to speed up the processing of around a million sparklines?

I'm trying to improve performance (see this question)

0 投票
1 回答
1059 浏览

excel - Excel sparklines printing issue

In an Excel 2010 document with more than one page of records, where each row includes a sparkline, the sparklines do not print or appear in print preview unless one first scrolls through the entire document to view all lines. In my application that produces a series of Excel reports automatically, this is a very visible issue. Can anyone suggest a fix for this or is this a bug in Excel 2010?

0 投票
1 回答
5979 浏览

jquery - 没有方法'迷你图'

我有以下代码(基于此页面):

编辑:这是相关的 HTML:

我收到警报,显示1,2,3,但错误控制台(在 Chrome 中)显示Uncaught TypeError: Object #<an Object> has no method 'sparkline'。我忽略了什么吗?

0 投票
3 回答
268 浏览

ruby - 在 Ruby 中显示图形的简单方法是什么?

我正在查看一些图形选项,并且想要一个具有 Sparklines gem 的清洁度但不需要 Rmagick 的选项。我也想要一些清晰的教程。

0 投票
1 回答
1346 浏览

pdf - 使用 COM 自动化时 Excel 迷你图未导出为 PDF

我在以编程方式将包含迷你图的 Excel 工作表导出为 PDF 格式时遇到问题。

当我使用 Excel 2010 的本机 PDF 导出工具将 Excel 工作表手动导出为 PDF 格式时,一切正常,但是当我使用简单的 COM 自动化执行此操作时,所有内容都导出为 PDF,但包含迷你图的单元格除外。

奇怪的是,当我在 Excel 工作表中添加一些数据栏时,数据栏附近的迷你图会突然导出,而远离数据栏的迷你图则不会。

我已经在多台不同的机器和操作系统上验证了这些问题。这可能与StackOverflow上的以下问题有关。

我正在使用以下非常直接的 VB.NET 代码。我尝试过使用各种设置和变量,但没有运气。

0 投票
1 回答
2644 浏览

jquery - jQuery Sparklines:条形图的自动零居中

我正在使用 jQuery 迷你图来显示条形图,例如:

问题是 jQuery 使用最低值,即 10 作为参考,并且只显示一个非常小的条(好像它是 0),而其他条的大小差异很大(尽管值几乎相等)。

我正在寻找的是一个选项,它告诉 jQuery 使用 0 作为参考,即自动将条形归零。选项

没有做到这一点。

一种解决方法是手动向每个条形图添加 0,即:

但也许有更优雅的方式。任何帮助表示赞赏!非常感谢!

菲利克斯

0 投票
2 回答
1416 浏览

c# - ASP.NET 页面中的异步 C# 方法调用正在调试,但不能在实时站点上运行

好的,情况如下:

我有一个 Web 应用程序,其中包含一个关于我们销售人员的客户的统计数据表,每一行都有一个迷你图,显示过去 12 个月的销售数据的总体趋势。每个页面显示一个特定推销员的客户列表,其中一些可能有大量客户 = 大量行 = 大量迷你图(例如,特别是一个有 125 条并需要 15 秒加载)。

出于这个原因,无法使用jQuery 迷你图 - 它们完全固定了使用 IE 访问具有大量迷你图的页面的用户的 CPU。

所以我继续使用Google Chart API,它工作得更好,除了两个问题:1)它在一个安全的站点上,并且 Google Chart API URL 仅通过 HTTP 提供(通过使用一个小的包装脚本来解决)下载动态图表并从我们的安全服务器重新提供它);2)在一个有 125 个迷你图的页面上,由于请求的数量,它仍然很慢(即使使用 0-9 服务器前缀来最大化可用连接数)。

因此,我的下一步是尝试使每个“下载/抓取/重新服务图像”方法调用异步 - 它有效!

...但仅在我以调试模式运行的开发盒上。

当我把它推送到现场时,它更快,但它留下了一些图像卸载,这当然是不可接受的。

所以这就是我希望一些 SO 能人知道的事情:

1) 为什么我的异步方法调用在调试时工作,但在现场不工作?

2)有没有更简单的方法可以让大量的某种迷你图在安全的服务器上快速加载,而不会让我想把头发扯下来?

2a.) 有人有使用 ASP.NET 图表库的经验吗?这是我应该调查的事情吗?

2b.) 一位同事建议我使用 1x1 CSS 背景图像并改变高度来制作自己的迷你图例程。问题是 a) 如果我们想进行更改,它是完全不可扩展的;b)它看起来像地狱一样(在标记中每个迷你图留下大约 bajillion DIV);c)我不知道当一页上有 100-200 个时它是否足够快 - 你对 1x1 sprite 方法的可行性有何看法?

提前致谢。

0 投票
1 回答
1451 浏览

asp.net - 如何用颜色填充 ASP.Net 样条图控件下方的区域?

我有一个 ChartType“Spline”、一个 ChartArea 和一个 Series(它是迷你图)的 ASP.Net 图表控件。我只是想知道那里是否有人知道我如何为线条下方的区域着色 - 我似乎找不到允许我在不着色整个背景的情况下执行此操作的属性。

提前致谢