问题标签 [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 回答
791 浏览

javascript - jquery迷你图堆积条问题

我正在尝试在 jquery sparkline 插件中使用堆叠条,我的版本在 2.1.2 中,正常的迷你图工作正常,但是堆叠条类型不起作用,这是我的代码(类似):

和初始化函数

0 投票
1 回答
272 浏览

reporting-services - 带有查找的 SSRS 迷你图类别

我有一张表,我必须在其中使用 SSRS Sparklines。但要求是,我必须使用两个数据集中的唯一标识符从另一个数据集中查找 Y 轴值和类别组。假设 DS1 是父数据集,DS2 获得了 Sparkline 的 Y 值和类别(12 个月)。

我不能使用 DS2 作为表的默认数据集,因为它会导致为 Sparkline 单元格以外的大约 20-25 个单元格编写查找表达式。

所以我对 Sparkline 使用了以下表达式。

价值轴:

类别轴:

我使用了查找集,因为我相信我们必须将一组值映射到迷你图。但这给我带来了以下错误。

在此处输入图像描述

有什么解决错误的建议吗?是否可以配置没有类别轴的迷你图?我问是因为我可以管理我的图表,如果 SParkline 可以单独绘制趋势值,也没有类别轴。

0 投票
1 回答
2720 浏览

javascript - 迷你图具有误导性

我正在使用来自omnipotent.net 的迷你图来显示统计信息。问题是数据系列中的最小值总是显示在图表上,就好像它为零一样。

例如,如果我有一个包含 3 个条形的条形图,并且它们的值分别为 4、2 和 5,那么最低值 (2) 在条形图上看起来就像是零(查看图片以了解我的意思) .

我知道可以设置“chartRangeMin”选项以避免该问题,但我不是使用 javascript 来制作图表,而是使用 HTML。

这是我的代码:

问题是,我如何使用 Javascript 将“chartRangeMin”设置为另一个值而不是零?

在此处输入图像描述

0 投票
1 回答
1695 浏览

javascript - 无法在 AngularJS 版本的 SmartAdmin 模板中获得处理动态数据的迷你图

我正在使用此处提供的 SmartAdmin Bootstrap 模板的 AngularJS 版本进行项目。

作为项目的一部分,我需要在几个页面中添加迷你图。我让它可以很好地处理静态数据,例如:

SmartAdmin 模板提供了一种无需直接操作 javascript 即可实现 jQuery 迷你图的方法。这就是 data-* 指令的原因。

但是,当我将代码切换到以下代码时,它不再显示图表。

<div> {{revenue.points}} </div>在页面上添加了一个,它正确打印了值,所以我知道这些值正在传递给页面。

我的猜测是,在处理 Angular 代码之前正在渲染图表,因此没有显示图表的数据。在发生 Angular 替换后,我可以添加一些代码来触发要重绘的图形吗?或者是否可以延迟绘制图表直到替换发生?

我是 Angular 和 Bootstrap 的新手,所以我确定我遗漏了一些东西,我只是不确定在哪里可以看到这个。

该模板使用 Bootstrap 3.3 和 Angular 1.4.2。

0 投票
0 回答
997 浏览

r - Rmarkdown - 将颜色栏添加到 pdf 和 html 的表格中

我正在尝试使用 Rmarkdown 将条形图添加到表中。我让它为 HTML 工作。

HTML 表格完美运行

也可以使用 formattable 包来实现(我的代码与他们的几乎相同)。

结果 HTML 表格

然而,我的问题是
当我编织到 pdf (或 Word )时,如何让这个 barplot 工作?我不想将表格转换为图像,因为我需要表格中的交互性。我认为使用<img>html 标签可能适用于 pdf,但它不起作用(但适用于 HTML):

bar.bmp 是一个 5x10px 的 img,我可以放大到 X%。
pdf 不会显示背景颜色或 img。

当我编织到 pdf 时的结果表

我应该为栏添加一个带有 HTML 代码的列,并为栏添加一些 Tex 代码吗?我对乳胶的了解有限。

有没有办法让乳胶引擎(xelatex)读取css或html标签?

谢谢

0 投票
1 回答
4371 浏览

sparklines - jQuery Sparklines - 堆积条形图中的工具提示

使用jQuery Sparklines v2.1.2,我正在创建一个堆积条形图

工具提示值显示正确。它将每个小块的列名称显示为工具提示。我应该如何为每个小块自定义工具提示?

源代码位于:http: //jsfiddle.net/Hj6fB/236/

0 投票
1 回答
682 浏览

javascript - 在 Angularjs 中使用 jQuery Sparkline 与 ui-jq 组合图表

我将 jQuery Sparkline 用于这样的一些图表:

但我不知道如何渲染复合迷你图,因为在迷你图的文档中使用这个脚本:

如何实现上述脚本模型ui-jq

0 投票
0 回答
424 浏览

javascript - jQuery Sparklines 更多的一张图

我正在尝试使用 jQuery Sparklines 显示两个迷你图,但由于某种原因,我只显示了一个,这是我的代码:

如您所见,我有两个具有两个不同 id 的跨度,但我仍然只得到第一个。我什至尝试加载到相同的跨度,但这没有区别。谢谢

0 投票
1 回答
666 浏览

charts - 如何将迷你图中的显示值格式从浮点值更改为整数?

我在我的一个项目中使用迷你图,我在其中向管理员显示一些统计数据。我的问题是我提供给迷你图的值是整数/整数,但它以浮点格式显示它们。

我的迷你图配置在这里:

}

如何更改 X 和 Y 轴值格式以将它们显示为整数而不是浮点数?

我做了并且我从过去 2 天开始对其进行研究,但我发现的解决方案都没有像预期的那样起作用,这迫使我在这里添加问题。

任何帮助都是不言而喻的。谢谢

0 投票
2 回答
1719 浏览

excel - 将范围传递给 Excel 中的迷你图

我用了

在细胞中产生这个结果I4

我尝试使用CELL REFERENCE, INDIRECT(将此范围传递给迷你图CELL REFERENCE and NAME VARIABLE。没有任何效果。请提供任何建议。