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

jquery - 迷你图复合图表 - 设置第二行的宽度

我正在使用迷你图(http://omnipotent.net/jquery.sparkline/#s-about)复合图表。我有以下图表,并将两条线的宽度设置为 2。但是,我只能看到 1 条具有该宽度的线。我究竟做错了什么?:

在此处输入图像描述

0 投票
1 回答
568 浏览

jquery - Sparkline clickdemo 条形图

我想将 sparklineClick 事件用于迷你图条形图。

似乎这只适用于折线图。当我使用来自该undefined地区的演示代码时。

有人知道一种解决方法来至少取回正确的 x 值吗?

0 投票
1 回答
317 浏览

javascript - 加载时的jquery迷你图高亮条

我正在使用 jQuery 迷你图库来呈现条形图。

条形图将突出显示鼠标悬停时的条,但是我想突出显示加载时的特定条。

首次显示迷你图时,有没有办法突出显示单个条?

0 投票
0 回答
656 浏览

javascript - jQuery 迷你图设置间隔数组

我有一个像这样显示跨度迷你图的脚本

我有 grep 网络(RX/TX)。它每 0.5 秒改变一次,但我仍然混淆显示像这个 jsfiddle这样的移动图

但是,在 jsfiddle 示例中。它使用 ext.js(sencha),而变化的图形算法使用数学随机。

迷你图采用像这样的参数数组 [value1, value2, value3,..., valuex],例如如果我采用 3 个数组,那么算法 [value(now-2), value(now-1), value(now)]。但是如何应用呢?

0 投票
5 回答
5557 浏览

jquery - 在数据表中正确呈现迷你图

在下面发布的示例中,我试图将 jquery.sparkline 库中的迷你图呈现为 jquery.dataTables 表中的一列数据。加载下面的示例效果很好,但仅适用于第一页。如果我单击“下一步”而不是将数据呈现为迷你图,它只会呈现数字。如果我单击“上一个”,则会显示初始设置的迷你图。如果我排序,我会得到两者的组合。

我对这两个库都是新手,我试图在这个论坛以及其他论坛上寻找解决方案,但到目前为止,我的发现都没有解决我的问题。有人知道我在做什么错吗?

感谢您的任何建议!

0 投票
1 回答
7310 浏览

javascript - Metronic 主题图表和图表

我已经从http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469下载了 metronic 主题,以便与 PyroCMS 框架一起使用,但我的问题是我无法让图表或图形工作。用于这些的特定插件是 flot 和 jquery(例如 jquery.sparkline.js)

试图使这项工作完成的步骤:

  1. 下载的主题
  2. 操纵包含的基本主题(包含在 PyroCMS 中)以显示 default.html
  3. 从图表/默认页面复制代码
  4. 创建 Css.html 和 js.html 并用正确文件位置的路径填充它们,并在 default.html 中引用它们
  5. 将 css 和 js 文件复制到正确的文件夹中
  6. 安装在 www.website.com/admin
  7. 双重检查路径
  8. 测试代码是否在 pyro 中工作,是否在包外工作,是否直接在 zip 文件中工作

所以在那之后,除了饼图、图表和日历(在默认页面上)以及图表页面上的所有图表/图表之外,我得到了一切正常工作。有谁知道我做错了什么或有任何其他建议?

因为 default.html 和 charts.html 直接从 zip 文件中工作,我知道一切都是兼容的(插件和 css 等等),只是不确定当我尝试将它与 PyroCMS 集成时我缺少什么

PS这是我的第一篇文章,所以如果问题不清楚或问题太模糊,请宽容和理解,我会尽快回复任何评论

0 投票
1 回答
104 浏览

javascript - 调整迷你图图表类型

我浏览了可用的文档,但仍然无法弄清楚 ShieldUI 迷你图 JavaScript 图表是如何使用的。我没有看到这样的类型,例如

但我看到的是“区域”。我尝试使用 bar, line- 它也可以,但为什么没有明确的类型呢?还有一件事——我可以使用所有类型作为迷你图类型吗?

0 投票
0 回答
88 浏览

javascript - d3.js 图的正常范围使用域方法

这里有一个链接,其中包含使用 d3.js 实现迷你图的精彩描述

我正在做类似的事情,但我需要为每个迷你图定义一个正常范围,就像在样机上一样:

在此处输入图像描述

这个灰色条现在是硬编码的。此条的含义是表示“绿色”数据范围。例如从 0 到 1。小于或大于此范围的所有内容都不应在该栏中。

我的 js 文件中有这样的域:

这就是我绘制灰色条的方式:

但是当我为这段代码给出我的正常范围时 [0,1]

我得到这个:

在此处输入图像描述

恐怕这是完全错误的方式,需要有人帮助,thanx!

0 投票
1 回答
1377 浏览

javascript - Json response as tooltip value lookup for a jquery sparklines graph

I'm trying to use a json response as the tooltipValueLookups parameter in a sparklines graph, without success. The tooltip just keeps showing 0:5 and 1:8 instead of Mulder:5 and Scully:8

It works perfectly if I just declare the variable agents with the exactly same json:

But evrything goes south when I try to do it with the server response, as intended. Could anyone tell me please, what am I doing wrong?

Response: {"names":{"0":"Mulder", "1":"Scully"}}

Thanks in advance.

EDIT

After a lot of coffee and swearing, I finally got it to work. Not a very elegant solution, I must admit.

First, I had to change the server-side php function to return a string, rather than json.

Then in the ajax call:

Then, parse the response and filter it:

And finally, the sparklines function:

@Hüseyin: Thanks for your assistance, it was very helpful.

0 投票
0 回答
127 浏览

reporting-services - 将迷你图组合成仪表

看看我的仪表的这张图片:

http://i1365.photobucket.com/albums/r745/twarden11/gauge_zpseee35663.jpg

我需要将 Savings Goal 条转换为一条线(Sparkline),该线穿过其他 4 个测量值。SSRS 会允许我这样做吗?还是有另一种我不知道的方法?我尝试操纵 Savings Goal 栏的属性以强制它使用宽度和高度穿过仪表,但没有成功。它可能有效,但我对 SSRS 还很陌生,所以我可能只是遗漏了一些东西。