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

jquery - unable to display jquery of sparkline

I want to display a jquery from a sparkline which is actually a bar graph.I am not able to view it.Also I am new to jquery,

This is the code of the page it also is compatible with jquery 1.10

To addon I have generated the code of sparkline from

0 投票
0 回答
320 浏览

grails - 带有迷你图/zingchart 的 grails 图表

我正在为我的 webapp 制作一个从 mySQL 服务器获取数据的条形图。我想为我的 webapp 使用迷你图或 zinchart。我已经尝试过自己使用它们,但我一直卡住。对于迷你图,我在我的身体内部使用它:

其中 id 是我的表的 id,threads 是包含相关数据的列。ID 将位于 x 轴上,线程位于 y 轴上。上面编译的迷你图代码似乎可以工作,除了我的图表应该在的地方只有一个词“正在加载......”

至于 zingapp,我使用了插件页面中的示例:

但只是将数据更改为 dbContent,它从我的控制器映射到我的视图,如下所示:

对于“标签”,我使用了 dbContent.id。当我运行 zingChart 代码时,出现以下错误:

没有方法签名:zingchart.ZingChartTagLib$_closure2_closure3.doCall() 适用于参数类型:(threadsapp.Threadcount) 值:[threadsapp.Threadcount : 1] 可能的解决方案:doCall(java.lang.Object, java.lang.Object ), call(), call([Ljava.lang.Object;), call(java.lang.Object), call(java.lang.Object, java.lang.Object), findAll()

它还说这行: container="acceptToConvertChart" data="${data}" xLabels="${labels}" effect="4"/> 是罪魁祸首。

有谁知道使这两个代码片段中的任何一个工作的正确语法?或者,如果您遇到同样的问题或非常相似的问题,您是如何解决的?

0 投票
3 回答
5655 浏览

jquery - 如何更改 JQuery Sparklines 中的工具提示背景颜色

有没有办法更改 jQuery Sparklines 中工具提示的默认背景颜色?我无法找到一个简单的解决方案,并且迷你图工具提示似乎没有类似的问题。我想将背景颜色从透明的默认颜色更改为纯灰色。

我正在使用自定义 tooltipFormatter 在工具提示中创建文本,例如

谢谢!

0 投票
1 回答
7700 浏览

jquery - 在迷你图条形图上添加图例和 y 轴值

我正在研究迷你图条形图。到目前为止,我能够绘制一个简单的条形图,这是 Jquery 代码:

HTML

请参考我在JSFIDDLE的代码。

现在我想在每个条形图上添加图例名称以及 y 轴的值,如下所示。

在此处输入图像描述

sun,mon,tue 是图例,条形顶部的白色值是 y 轴值。

但我无法实现它。

任何帮助,将不胜感激。

0 投票
1 回答
748 浏览

kendo-ui - 设置在 kendogrid 迷你图中

我将在“用法”列中使用迷你图,就像两个迷你图相互覆盖一样

有一个问题,因为当我单击按钮 Edite 时“迷你图”消失了。或者点击“使用栏”认为会发生这种情况。

为什么工具提示如此糟糕,可以显示工具提示不规则。

为什么迷你图“使用列”在所有行中,只有一行

jsfiddle代码

谢谢你

0 投票
1 回答
600 浏览

javascript - NVD3 Sparkline 无法从 CSV 文件正确呈现

我正在尝试将 NVD3 与 d3.js 一起使用来制作一个简单的迷你图。我已经成功地用 .csv 数据创建了几个迷你图,但是当我尝试使用不同的数据集时,它给出了一个看起来很奇怪的迷你图。见这里。如果我将第一个数据值从 92 更改为 0,它将成功显示迷你图。

这是 NVD3 中的错误还是我做错了什么?

0 投票
1 回答
2418 浏览

kendo-ui - 为什么当我将鼠标悬停在 Kendosparkline 上时工具提示不会正确显示?

我在网格中创建了 Kendosparkline 图表,我在彼此之上创建了两条迷你图,但是当我将鼠标悬停在迷你图上时,工具提示将无法正确显示(实际上工具提示出现了,但它不可读且混乱)

jsfiddle代码

谢谢你

0 投票
1 回答
5564 浏览

javascript - 迷你图条形图拟合

我正在使用迷你图包http://omnipotent.net/jquery.sparkline/#s-about

我正在尝试使迷你图条形图适合预定大小,但我有很多图表,理想情况下这应该是动态的。

我正在尝试类似的东西:

parseInt((370-l) / l);是为了考虑间距。

问题是,它没有正确安装。尤其是当条形图中有很多这样的条时。

它应该使用 370px,但在一种情况下它使用 363px,在另一种情况下使用 281。

我试着做parseInt(370) / l);,但留下了大约 10 px 的悬垂。

有什么想法吗?

0 投票
1 回答
1077 浏览

kendo-ui - 如何将剑道迷你图放在所有行中?

我将迷你图放在列使用中,但它只有一行,我怎样才能将所有行都放在列使用中?

我还放了一些与用法相关的Code

jsfiddle代码

谢谢你

0 投票
2 回答
2812 浏览

kendo-ui - 为什么 kendo.web.min.js 和 kendo.dataviz.min.js 冲突?

我拥有一个带有 kendo.dataviz.min.js 的构造网格 kendo.web.min.js,但是当我使用 Using both 时会发生碰撞。

但有趣的是,项目 jsfiddle 它运行良好,但是当我运行项目 Visual Studio 时,我遇到了以下错误 TypeError: s is undefined

jsfiddle代码

在此处输入图像描述