问题标签 [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 - 在 sparkline jquery 的画布中设置背景图像
我正在使用 java 语言在 Web 应用程序中工作。我需要显示复合迷你图,因此我在 jsp 页面上使用迷你 jquery。我必须在画布上绘制迷你图的背景中设置图像。我正在使用此链接中的 sparkline jquery。
http://omnipotent.net/jquery.sparkline/
我正在写的代码是
var data1=[-10,10,9,-9,7,-5,9,-8,3,0,3,-8,4,-7]; var data2=[-10,0,6,-9,7,-5,9,-3,7,0,3,-8,4,-2]; $('#id').sparkline(data1, { type:'line', normalRangeMin:0,normalRangeMax:0,spotRadius: '0',width: '630px', height :'100px', 复合: true, fillColor : false, lineColor: 'green' }); $('#id').sparkline(data2, { type:'line', normalRangeMin:0,normalRangeMax:0,spotRadius: '0',width: '630px', height :'100px', 复合: true, fillColor :假,线条颜色:'红色'});并在体内
上面的 jquery 允许我绘制复合线图,但是当我在标签上设置样式(背景图像)时,它不会在迷你图画布的背景中显示它,因为它自己添加了画布。我的问题是在迷你图画布后面显示背景图像。
为了解决上述问题,我尝试了许多其他 jquery,例如:
http://willarson.com/code/sparklines/sparklines.html
这适用于在画布上设置背景图像,但不允许复合线图。
另一个是
http://benpickles.github.com/peity/
我也有同样的问题。这也不适用于复合折线图。
请给我您宝贵的建议,将背景图像设置在第一个 jquery 链接的迷你图画布后面,或者使用其他两个链接绘制复合线图的方法,或者如果有另一个 jquery 可用,我可以在迷你图上设置背景图像canvas 并支持复合折线图。
我提前感谢您提出的所有宝贵建议。
javascript - 为 jQuery Sparklines 插件的每个值添加字符串标签
我正在为我正在开发的 Web 应用程序实现jQuery Sparklines插件。我想为饼图值添加标签,因此当您将鼠标悬停在该特定图表上时,您将看到“ Automotive (25%)”而不是默认的 int 值“ 1 (25%)”。
关于如何做到这一点的任何想法?
这是我的代码:
谢谢!
jquery - 显示 jQuery 迷你图的子弹图比例
我正在使用出色的jQuery Sparklines在我的 Web 应用程序中绘制小子弹图。这有点违背像这样的小图的性质,但我想渲染子弹趋势的比例,例如在图的下方或上方,就像D3 实现一样,但在较小的打印中以适应小尺寸。
我试图绕过文档并在谷歌上搜索它,但找不到任何关于它的信息。是否有可能,或者只是我需要解决的工具提示?
提前致谢!
jquery - Jquery 复合迷你图
我是迷你图的新手,需要一些帮助。我从 mysql 获取数据并span
使用class=sparks
. 该图已生成,但是当我创建另一个span
具有相同类但不同数据(复合线)的标签时,我收到以下消息:
尝试将复合迷你图附加到没有现有迷你图的元素。
我的 JavaScript:
r - 是否可以使用 sparkTable 绘制直方图?
我可以做一个 sparkBar,但没有 sparkHist。这可能吗?
这是如何创建 sparkBar 的示例(来自example(newSparkBar)
:
jquery-plugins - jQuery Sparklines 2.0 不适用于 IE9
我正在使用 jQuery Sparklines (http://omnipotent.net/jquery.sparkline) 来绘制图表,它在 FF&Chrome 上运行良好,但是在 IE9 上测试时它不起作用,并且在 sparkline lib 中出现错误,错误是:
SCRIPT5007:对象预期 jquery.sparkline.min.js,第 4 行字符 3378
IE9 对 jQuery 的支持有问题吗?我能做些什么来解决这个问题?
jquery - jQuery 迷你图遍历 div
我有一个 div 数组,我想遍历每个 div 并将其传递给迷你图。像这样:
我收到错误“divs[i].sparkline”不是函数。但如果我这样做
很好,所有 div 都得到了线图,但数据相同。
有没有人有任何建议,但在迭代 div 时如何使用迷你图?
谢谢!
sql-server-2008 - 带有固定轴的 SSRS 2008R2/BIDS 中的迷你图
我在正确显示迷你图时遇到了一些困难,并且 Microsoft 文档专注于 Report Builder。
我有一组可以放在多个垃圾箱之一中的物品。我试图显示每个项目/箱号组合的出现频率。虽然我可以在 SQL 中按 bin 编号对项目求和,但我现在让 SSRS 来做。
出于解释的目的,假设数据集如下所示:
我已经把项目搞定了——包含迷你图的表有一个按适当变量(项目)分组的行组。对于水平轴,我选择 bin # 作为要绘制的属性。我不确定用什么来获得垂直轴。
javascript - jquery 迷你图:箱线图和一个值
我正在使用 Sparklines 并试图绘制一个简单的 blox 图,其中包含预定的最小值、最大值、胡须、四分位数和一个附加值——用户的值可能落在四分位数之内或之外(重点是向用户展示他/她的价值落在分布中)
这样做的适当方法是什么?我可以得到一个基本的盒子,但看不到如何在上面放置一个点。我也看不到如何设置最小值和最大值,但看起来异常值是这样做的。
这是我的代码:
谢谢!
jquery - 带有 JQuery 迷你图的剑道网格模板
有没有人有如何将 JQuery Sparklines 插件集成到 Kendo Grid 模板中的示例?
我认为这很简单,但每次我做类似的事情时:模板:<span class="inlinebar">75,25,0,100</span>
只有值 75,25,0,100 显示在网格中,而不是实际的迷你图。
如果有人可以发布示例或解决方案,我将不胜感激。谢谢!
代码示例: