问题标签 [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.
jquery - 迷你图复合图表 - 设置第二行的宽度
我正在使用迷你图(http://omnipotent.net/jquery.sparkline/#s-about)复合图表。我有以下图表,并将两条线的宽度设置为 2。但是,我只能看到 1 条具有该宽度的线。我究竟做错了什么?:
jquery - Sparkline clickdemo 条形图
我想将 sparklineClick 事件用于迷你图条形图。
似乎这只适用于折线图。当我使用来自该undefined
地区的演示代码时。
有人知道一种解决方法来至少取回正确的 x 值吗?
javascript - 加载时的jquery迷你图高亮条
我正在使用 jQuery 迷你图库来呈现条形图。
条形图将突出显示鼠标悬停时的条,但是我想突出显示加载时的特定条。
首次显示迷你图时,有没有办法突出显示单个条?
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)]。但是如何应用呢?
jquery - 在数据表中正确呈现迷你图
在下面发布的示例中,我试图将 jquery.sparkline 库中的迷你图呈现为 jquery.dataTables 表中的一列数据。加载下面的示例效果很好,但仅适用于第一页。如果我单击“下一步”而不是将数据呈现为迷你图,它只会呈现数字。如果我单击“上一个”,则会显示初始设置的迷你图。如果我排序,我会得到两者的组合。
我对这两个库都是新手,我试图在这个论坛以及其他论坛上寻找解决方案,但到目前为止,我的发现都没有解决我的问题。有人知道我在做什么错吗?
感谢您的任何建议!
javascript - Metronic 主题图表和图表
我已经从http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469下载了 metronic 主题,以便与 PyroCMS 框架一起使用,但我的问题是我无法让图表或图形工作。用于这些的特定插件是 flot 和 jquery(例如 jquery.sparkline.js)
试图使这项工作完成的步骤:
- 下载的主题
- 操纵包含的基本主题(包含在 PyroCMS 中)以显示 default.html
- 从图表/默认页面复制代码
- 创建 Css.html 和 js.html 并用正确文件位置的路径填充它们,并在 default.html 中引用它们
- 将 css 和 js 文件复制到正确的文件夹中
- 安装在 www.website.com/admin
- 双重检查路径
- 测试代码是否在 pyro 中工作,是否在包外工作,是否直接在 zip 文件中工作
所以在那之后,除了饼图、图表和日历(在默认页面上)以及图表页面上的所有图表/图表之外,我得到了一切正常工作。有谁知道我做错了什么或有任何其他建议?
因为 default.html 和 charts.html 直接从 zip 文件中工作,我知道一切都是兼容的(插件和 css 等等),只是不确定当我尝试将它与 PyroCMS 集成时我缺少什么
PS这是我的第一篇文章,所以如果问题不清楚或问题太模糊,请宽容和理解,我会尽快回复任何评论
javascript - 调整迷你图图表类型
我浏览了可用的文档,但仍然无法弄清楚 ShieldUI 迷你图 JavaScript 图表是如何使用的。我没有看到这样的类型,例如
但我看到的是“区域”。我尝试使用 bar, line- 它也可以,但为什么没有明确的类型呢?还有一件事——我可以使用所有类型作为迷你图类型吗?
javascript - d3.js 图的正常范围使用域方法
这里有一个链接,其中包含使用 d3.js 实现迷你图的精彩描述
我正在做类似的事情,但我需要为每个迷你图定义一个正常范围,就像在样机上一样:
这个灰色条现在是硬编码的。此条的含义是表示“绿色”数据范围。例如从 0 到 1。小于或大于此范围的所有内容都不应在该栏中。
我的 js 文件中有这样的域:
这就是我绘制灰色条的方式:
但是当我为这段代码给出我的正常范围时 [0,1]
我得到这个:
恐怕这是完全错误的方式,需要有人帮助,thanx!
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.
reporting-services - 将迷你图组合成仪表
看看我的仪表的这张图片:
我需要将 Savings Goal 条转换为一条线(Sparkline),该线穿过其他 4 个测量值。SSRS 会允许我这样做吗?还是有另一种我不知道的方法?我尝试操纵 Savings Goal 栏的属性以强制它使用宽度和高度穿过仪表,但没有成功。它可能有效,但我对 SSRS 还很陌生,所以我可能只是遗漏了一些东西。