问题标签 [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.
html - 复杂页面的 SVG 内存占用
我有一个需要大量小条形图(迷你图大小)的设计。一个典型的页面很容易有 60 多个图表,每个图表显示 100 多个数据点。诸如此类的浏览器内存占用会令人望而却步吗?我也可以使用输出 png 的服务器端渲染器,但似乎可以使用 SVG 完成更多工作。
其他注意事项: SVG 可能会被 Rapheal.js 转换为 IE 的 VML。所以那里的内存占用也需要合理。
感谢您提供任何帮助或找到好的答案的方法。
eclipse - 如何强制在 Vaadin 中编译小部件集?
我正在尝试在我的应用程序中使用添加的迷你图。但是,eclipse 系统地拒绝编译相应的小部件集,即,如果我inherit
在小部件集中指定引用迷你图小部件集的标记,如下所示:
...eclipse抱怨以下错误:
但是,我已经验证了 widgetset 确实在我的项目的 pom 中声明为依赖项,并且我还验证了它出现在 eclipse IDE 中的“Maven Dependencies”库图标下。
此外,每当我尝试重新编译我的小部件集时,在显示上述错误后,我可以看到我原来的 widgetset.gwt.xml 文件已被修改,结果如下所示:
我真的很困惑,因为我不明白我做错了什么。我正在使用其他运行良好的附加组件(icepush 和 googlemap),我真的不明白我在这里做错了什么。
jquery - jQuery 迷你图 - 可以填充上面的线吗?
查看 jQuery Sparklines 页面上的示例图表,您可以看到有一个fillColor
属性可用于填充线条下方的区域。但是,有没有办法为图形线上方指定填充颜色?
jquery - 如何使用迷你图填充 jqGrid 单元格
我无法找出在 jqgrid 单元格中获得迷你图渲染的正确方法,并且我一生都无法在任何地方找到任何相关样本。
无论如何,经过一些研究,我决定要做的事情是尝试将迷你图注入到 afterRowInsert 上的单元格中。不幸的是我做错了。这是我正在做的事情:
插入时单元格的内容是“正在加载”,并且在事件之后它保持不变。我什至不确定这是否是尝试使其正常工作的最佳方法,因此如果有人可以帮助我,将不胜感激。
jquery - 让 jQuery 图表/Sparklines 在 IE 中工作的最佳插件是什么?
我很难让出色的 jQuery Sparklines 插件在各种版本的 Internet Explorer 中工作。(插件参考: http: //omnipotent.net/jquery.sparkline/)
我不得不承认,我还没有完全深入研究让 IE 跳舞的 JavaScript 黑客世界。我说的是 excanvas、dead edwards 的 IE 库或 Modernizr 等。我很高兴我有机会通过让 Sparklines 作为我的催化剂来了解更多信息。
因此,我想知道是否有人可以描述使用图表或迷你图的最佳附加功能?
一个开始研究和测试的地方是我最想要的。
谢谢,克里斯
java - 无法在 Excel 文件中设置迷你图
我正在使用 Aspose Cells 2.4 for Java,但在设置迷你图时遇到了一些麻烦。这是代码:
我目前正在使用 Excel 2010。当我生成文件时,迷你图应该是空的单元格。
非常感谢您的帮助,对我的英语感到抱歉。
pdf - 迷你图打印到 PDF
我有一个问题,当我通过 VBA 导出到 PDF 时,我的迷你图没有打印出来。我浏览了您的网站和其他一些网站,试图提出解决方案。不幸的是,我无法让它工作。
我是唯一使用该应用程序的人,因此该过程是完全可见的。我尝试在导出线之前执行以下所有操作,以使迷你图“刷新”:
application.screenupdating = false 然后 application.screenupdating = true
application.visible = true (基于此处的论坛,即使它从未隐藏过)
选择迷你图所在的单元格
选择迷你图所在的整个工作表
select.copy 迷你图所在的单元格
application.wait 看看它是否会刷新
application.calculate 看它是否会刷新
我真的想不出还有什么可以尝试的。该电子表格旨在为单个实体创建报表、打印报表,然后继续为不同的实体创建下一个报表(从 Access 中提取数据,创建超过 200 个 10 页报表)。
任何帮助表示赞赏。
谢谢 - 克里斯。
ruby-on-rails-3 - Rails3:在视图中渲染内存图像
我有一个 rails 应用程序,它在控制器的内存中有一个由spark_pr生成的 png 文件。
我想在我的视图中呈现这个 png 文件,即 app/views/users/show.html.erb,它具有由 Rails 脚手架生成器生成的标准内容,其中显示了 @user 的各种属性。
如何在我的视图中呈现此内存文件 (@pngfile)?我不想保存文件,也不想为该文件提供临时 URL。我已经看到在 HTML 页面上使用从二进制 blob 呈现的内联图标来完成此操作,所以我知道这是可能的。但是我想不出让这成为可能的 Rails 视图助手的魔法咒语。
------------ 编辑:更多信息 -------------
该站点提供了有关如何嵌入 URL 的更多信息。文件夹图标的代码如下所示:
我在我的视图中嵌入了这个确切的代码,它适用于 Chrome、Firefox 和 IE9。
所以我试着用我的火花图来做这件事。
在我的 Rails 控制器中,我这样做了:
在我看来,我尝试了一些不同的技巧
除了第二个之外,它们都失败了,它在 Chrome 和 Firefox 中有效,但在 IE9 中无效。第一个应该可以工作,但默认情况下,image_tag 帮助程序的代码会在我的 URL 前添加“/images/”,即使它是直接数据 URL。我知道这一点,因为我试图在不同的选项卡中查看图像,但它失败了。但是当我去掉“/images/”部分时,它工作得很好。我不知道为什么第二个有效。我只是一时兴起试了一下。第三个失败了,因为看起来字符串的某些部分由于特殊字符而被分解。我尝试在第四个中使用原始字符串,但它也不起作用。
在这一点上,我难住了。我是否尝试对 image_tag 进行猴子修补,以便它不会为数据添加内容:嵌入图像的 URL,或者我是否对字符串做一些时髦的事情,以便它像视图示例 3 或 4 一样正确呈现?
jfreechart - 如何将标记背景添加到 JFreeChart 火花条
我正在尝试创建一个可以具有一系列数据的火花条(非常类似于迷你图),并且需要在同一时间范围内显示在具有相同类型数据的其他火花条旁边。大多数值在 +/- 10 个单位内。然而,有时异常值要大得多。这意味着如果我们通过缩放到最大值来保持每个图的一致性,那么大多数图表都是平坦的,只有奇数的图表是清晰的。
我们的解决方案是显示缩放到 +/- 10 的大多数,而其余的则将它们的轴扩展到整个值范围,并带有一些指示它们是“特殊的”。例如:
普通与特殊
但是,您可以看到特殊的不是那么清楚。
有人对如何更好地表示有任何建议吗?一个建议是在 +/- 10 处添加一个 grep 栏,类似于:
有什么想法吗?
r - R YaleToolkit:如何更改迷你图上刻度标签的字体大小?
我正在使用此功能来快速轻松地sparklines
使用 R,但我似乎无法弄清楚如何更改字体大小以避免 y 轴刻度标签的难看重叠。这是我的代码(请参阅下面的可重现示例):
sparklines(gamma.df, sub=c(1:23),outer.margin = unit(c(2, 2, 2, 2), "cm"))
以及由此产生的情节:
我似乎能够完全抑制 y 轴
sparklines(gamma.df, sub=c(1:23),yaxis=FALSE,outer.margin = unit(c(2, 2, 2, 2), "cm"))
但我真正想要的只是缩小刻度线处的数字(并在线条下添加灰色填充,但看起来我必须在屏幕上绘制多边形,这可能已经够麻烦了,值得一个单独的问题......和不同的包装)。
文档表明gpar可能是相关的:“在需要图形参数列表的所有情况下,有效参数名称与在适当调用中传递给 gpar 时的有效参数名称相同。” 但是我需要一些帮助来理解这一点,因为我的尝试似乎都没有成功(cex.axis 和 axis() 也是如此)。grid
那里有 R图形方面的专家吗?也欢迎链接到一个有据可查的完全不同的方法(ggplot2?),它可以提供更高质量的迷你图样式输出。
这是一些复制我的问题的示例数据和代码:
这是生成的示例数据图,在 y 轴刻度线处带有难看的重叠数字:
更新:使用来自@geek-on-acid 的非常有用plot
的代码和来自 Tufte 论坛的一些代码(见下文),我想出了一个不使用YaleToolkit
包并且看起来不错的替代迷你图方法......这是一个可重现的示例(实际上只有两行,但在此处为我的教育进行了注释):
这是生成的图像,这基本上是我的问题的解决方案。y 轴刻度线试图通过仅显示数据的最大值和最小值并且没有垂直线来保持优雅。再次感谢@geek-on-acid 关于如何在它们的底部获得单个 x 轴的提示。
最后,为了完整起见,我在Tufte 论坛上找到了 Jason Dieterle 的一些更接近Tufte 风格的迷你图代码。它们看起来比我的好得多,但代码一次只绘制一个图。这是原始帖子:
这是他的输出的样子(放大一点):
除了 YaleToolkit 包之外,还有sparkTable 包,我在stats.stackexchange了解到但没有尝试过。R-forge 有一个用于制作迷你图的包的条目,但这个包似乎没有激活或有用。