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

jquery - jquery迷你图没有很好地显示第一个栏

http://omnipotent.net/jquery.sparkline

这是我的代码

问题

在图片中,您可以看到它使 '5' (sparkline([5, 6, 7]) 值在图表上像零一样的问题,但如果我将零添加到值中,它会没问题 $("#sparkline-1 ").sparkline([0,5, 6, 7], {

在此处输入图像描述

我不想添加另一个值我只需要设置 3 个值

0 投票
2 回答
100 浏览

javascript - javascript中元素和类实现的动态创建

我在使用 innerHTML 的 javascript 中动态创建元素时遇到问题。这是代码:

问题是Element创建得恰到好处,但没有实现元素类。

有了这部分:

我应该得到一个条形图,但我得到的是相同的数字列表。

是innerHTML中类的实现还是什么?我也尝试手动创建所有元素并分配 className 但结果是一样的

0 投票
1 回答
1320 浏览

javascript - 当我取消隐藏/切换 div 时,jquery sparklines.js 不会显示

我无法让 sparklines.js 取消隐藏我的迷你图。我在取消隐藏 div 的函数中包含了 $.sparkline_display_visible() 函数。官方文档非常简单:

来自http://omnipotent.net/jquery.sparkline/#hidden

解决方案是在迷你图变得可见时调用 $.sparkline_display_visible() 函数,以便正确渲染它。这是该站点用于处理隐藏在不同选项卡部分中的迷你图的技术;该站点在选项卡更改回调中调用例程。

因此,在通常的头撞和文档重读期之后,我正在向你们寻求关于我错过了什么的建议。

0 投票
1 回答
894 浏览

javascript - 带有对象数组的jquery迷你图

我正在尝试使用 jquery 迷你图。这就是我想要做的。

但是对于这种数据格式,迷你图无法绘制。我必须在我的代码中做些什么改变

0 投票
1 回答
3758 浏览

jquery - jQuery迷你图设置单个条的颜色

我正在使用jquery Sparklines制作可爱的小条形图,但是我只想将最后一个条形图着色为不同的颜色。下面的代码有效,但如果我可以按工具提示名称而不是按值对条形进行着色,那就太好了。

有没有办法做到这一点?

编辑:永远无法让代码片段工作。这是一个 fiddle.js:http: //jsfiddle.net/wm98qfdb/

0 投票
1 回答
1865 浏览

apache-spark - 如何传递值列表,json pyspark

它工作正常。但是有值列表 list1=["name","age","gene","xyz",.....] 当我通过时

0 投票
1 回答
105 浏览

r - R迷你图包错误

我在 R 中使用 Sparklines 包并使用 reshapeExt() 函数准备数据集,但遇到了一个非常奇怪的问题。数据集如下所示:

然后我按照教程示例运行这些行:

莫名其妙地,R给了我这个“dat”:

时间列无缘无故地变成了 1。当我在https://web.warwick.ac.uk/statsdept/user2011/TalkSlides/Contributed/18Aug_0950_FocusVI_4-ReportingData_2-Kowarik.pdf第 18 页实施示例时,这不会发生- 这里发生了什么?

任何帮助表示赞赏

0 投票
1 回答
647 浏览

jquery - jquery在迷你图中获取x值

我是 jQuery 新手,正在尝试制作迷你图。我想要的是当鼠标指向图中的一个点时,应该同时看到x 值和 y 值。目前,只有 y 值是可见的。

0 投票
2 回答
1000 浏览

html - 迷你图 R 创建 html 表

我找到了包sparklinehttps ://github.com/htmlwidgets/sparkline

但我不知道如何使用 sparkcharts 在 markdown/html data.frame 中创建。

我知道上面的链接中有一个示例,但我不知道如何在 html 中自动创建该数据框。

0 投票
3 回答
5114 浏览

r - 将迷你图添加到表格

我正在尝试将我所有的数据处理移动到 Rmarkdown,而不是 SPSS+Excel,但无法弄清楚如何创建带有附加图的表。

理想的桌子

在 Excel 中,这可以通过 Sparklines 功能来完成,或者像我一样,简单地创建一个图表并非常准确地放置它。

上面的表格是使用 Tables 包(和 Pander)中的表格函数创建的。并粘贴到 Excel 中以创建图表(以及图表的标题)。

有没有人创造过这样的东西?也许是 gridExtra 包的解决方法,尽管我怀疑该包是否可以将表格和图表匹配在一起。


编辑 - 到目前为止我的解决方案。
HTML 已完成。pdf的一半。对于doc,我认为这是不可能的(复制粘贴到Excel)。

HTML 表
首先,R 知道我是在渲染 html、pdf 还是 doc。out_type 取值:“html”、“pdf”和“docx”。我可以在 if 语句中使用这个对象。

现在的酒吧:

看起来像这样

也可以有两列。

另一种可能

在这里,我再次有一个比例表,我有两个具有男性和女性比例的对象。

当然,如果您愿意,您也可以将数字放在条形内,但是当条形很小时,这是一个问题。

PDF
我对 pdf 的了解还不够远。到目前为止,这是我的解决方案:

PDF 栏

它看起来不太好。我对乳胶很陌生。我仍然需要找出如何将数字放在栏后面。以及如何将其放入我的函数中的 if 语句中。如果是 HTML 则:如果是 pdf 则...

我希望这可以帮助别人。但是,请考虑这个线程中提到的包。它们非常好,我的解决方案非常基于它们。我只是无法准确地得到我正在寻找的包,所以我手动完成了这个。