反转jQuery迷你图 - 腾讯云开发者社区

文章/答案/技术大牛

发布

迷你图工具汇总~

我很喜欢用迷你图来表达数据，（当然不是所有的图表类型都适合使用迷你图表达）因为这样做出来的图表显得灵气十足、清新简洁。...条件格式制作条形数据组图条件格式的特殊用法——创意百分比构成图 3、特殊字体这一方法制作迷你图堪称完美。...Excel软件自2010版之后，便加入了三款迷你图——柱形图、散点图、涨跌柱图。但是以上远远无法满足需求，有时候我们需要外部插件来扩展excel的功能库，丰富更多的迷你图表类型。...图表风格与excel的迷你图差异不大，操作也很简单，值得一试。...迷你图（sparklines）——原来图表可以这么小 sparklines——迷你图插件 5、迷你图（VBA）：这是一门令人着迷而又抓狂的语言（文科生~），使用VBA代码制作迷你图，省去了所有手工动作

2.2K8 0

sparklines——迷你图插件

这段时间迷上了那种袖珍型的迷你图，在之前的分享中曾经分享过关于迷你图的内容，其中涉及到几款制作迷你图的插件（excel内置的三款迷你图就不说了）——Tinygraphs、MicroCarts、Sparlines...仔细观察你会发现，该插件将所有图表类型分门别类做了整理，每一个类型都有对应的功能区和类别名称：最左侧的几个功能菜单不算，该插件一共内含了7大类图表类型，23款迷你图工具。 ?...有小伙伴会问为何要大费周章的去介绍一款大家所知不多的迷你图插件，excel软件提供的图表已经很丰富了啊？没错，这绝对是一个好问题，excel的图标库资源经过不断更新迭代，如今可以说是相当丰富了。...关于迷你图在报表中的应用，这里给大家推荐一篇很老的博文，博主是商务图表领域侵淫多年的老江湖，大家可以感受下以“小”为美的迷你图报表给人带来的视觉盛宴。...相关阅读：迷你图（sparklines）——原来图表可以这么小 rept——一个可以一键成图的神奇函数！

2.1K7 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery数组反转「建议收藏」

并且，对数字索引数组支持还不错，索引不连续的一样支持（对于非连续索引，只取最大的索引加1作为数组的长度，不影响数组元素反转）。 jQuery-1.7.1/jQuery-1.7.1.js" type="text/javascript"> ...$(function(){ var arr1=[23,45,77,2,5]; // 数组反转。...arr2,function(v,i){ return arr2[len2-1-i]; }); alert(newarr2); }); 索引连续的数组反转结果...：索引不连续的数组反转结果。

1.2K2 0

sparklines迷你图系列18——ScatterChart

今天跟大家分享sparklines迷你图系列17——ScatterChart。 ScatterChart是日常使用频率非常频繁的图表——条形图。...在迷你图插件的指导文档里，给迷你散点图提供非常详细的工能参数和风格式样。 ? ? ? ?

9614 0

sparklines迷你图系列2——Performance

昨天跟大家分享了关于sparklines迷你图插件的的第一类图表类型，尺度（Scales）图表类型，今天要分享的是第二个图表类型——在项目标管理中使用频率非常高的子弹图（Bullet）。...以下是官方指导文档中的关于子弹图的参考示例： ?...以下是完整的子弹图函数语法公式：（不熟练的情况还是需要打开函数输入框，如果很熟练的话，你可以直接在单元格中输入整条语法） =bulletchart(D3,85,100,80,60,83,10,9868950...一排整齐划一的迷你字段图就出炉了。 ? 至于倒子弹图（Reverse Bullet）,打开看了一下，语法与刚才做的普通子弹图语法参数均一样，可是输完参数跑的时候VBA报错，不知何故。

1.1K6 0

parklines迷你图系列1——Scales

下面主要以Scales中的XY迷你图为例展示此类Scales图表做法。...参数中文释义依次为： Orientation：迷你图方向（L：左；R：右；T:上；B：下） Amplitude：波动范围（坐标轴刻度范围) Base:坐标轴类型（默认为1，普通坐标轴，10则为对数刻度）...最后分享小魔方制作的一族四款Scales-XY迷你图表： ?

1K6 0

sparklines迷你图11——Composition(Stacked)

今天要分享的是sparklines迷你图系列12——Composition(Stacked)。 Stack中文含义为堆积，该图表也就是我们常用到的堆积图。...通过函数填充功能，可以做出一排整齐的堆积图。

6747 0

sparklines迷你图系列16——Distribution(Spread)

今天跟大家分享sparklines迷你图系列16——Distribution(Spread)。

7316 0

Power BI文本嵌套多种迷你图

在Power BI中可以借助HTML和SVG实现文本中嵌套各种迷你图（绝大多数情况下无需了解代码知识）。这样做有以下好处： 1. 提升上下文理解效率：传统的报告或仪表盘通常将图表和文本分开。...内嵌迷你图直接将数据呈现在语句旁边，让读者“即看即所得”。 2. 提升数据密度：迷你图的设计初衷就是在极小的空间内（通常高度只有一行文字的高度）展示一个数据序列的趋势、概貌或对比。...适时出现的迷你图就像文本中的“视觉锚点”，可以打破单调，吸引读者的视线，调节阅读节奏，使文档或界面看起来更生动、更专业。在本文开始的例子，整段文本使用HTML，其中内嵌了四种SVG图表。...将HTML度量值中的固定值替换为模型中的维度、指标，存放到HTML Content视觉对象，得到：第二步、插入SVG图表本文以SVG排名图标为例，其他华夫饼图、进度条、折线图等也可通过以下网址生成，...综上，Power BI文本插入多种迷你图的通用方式为：生成HTML富文本静态富文本内容替换为模型维度与度量插入SVG图表修改SVG图表的大小与位置，与文本适配。

1601 0

sparklines迷你图系列12——Composition(Cascade)

今天继续跟大家分享的sparklines迷你图系列12——Composition(Cascade)。不知道为啥这个图的名字英文看起来这么怪，但是其实他就是我们之前分享过的瀑布图。...瀑布图用于对各种正负影响因素进行解构，呈现出某一指标总体影响因素中的各因素影响效果的方向及大小。（注意与前一篇中的Pareto图相互区别） ? ? ? ?...以上所示的各参数示意图中，PointsRange是指瀑布图的数据输入范围，LabelRange是图表显示的标签（与数据范围一致的单元格范围）。...Min,Max：是指该瀑布图水平轴（垂直轴）坐标轴正负边界。 ColorPositive，ColorNegative：正负指标填充颜色。以下是在excel中制作该图表的函数参数输入步骤： ? ?

1.2K4 0

sparklines迷你图系列15——Composition(BoxPlot)

今天要跟大家分享的是sparklines迷你图系列14——BoxPlot。...sparklines迷你图工具中国包含的箱线图参数如下： ? ? ? ? ? 以上参数中，标红的point参数是箱线图的数据源，也是必备参数。...在excel的sparklines迷你图插件的函数输入菜单中，依次定义好每一项的参数（多余或者不需要的参数可以省略），通过更改方向参数Vertical参数可以更改图表的朝向。 ?

8114 0

表格插入迷你图如此简单

https://junminwu.github.io/ 找到急速富表格工具：导入Excel xlsx或者csv格式数据：立即生成带有排名图标的表格，并可以导出PNG格式：排名图标是默认效果，每列的迷你图样式可以切换...，目前内置了条形图、进度条、环形图、热力图和圆角背景。...每列的迷你图颜色可以自定义：这个工具适用于数据量少，且美化需求紧急的情况。

1131 0

sparklines迷你图系列13——Composition(TreeMap)

今天跟大家分享的是sparklines迷你图系列12——Composition(TreeMap)。...使用sparklines迷你图工具，可以在excel中轻松制作出只有高级可视化让软件才能胜任的复杂图表（HeatMap、TreeMap）。...在sparklines官方指导文档中，给出的树状图函数语法及各参数示例如下： ? 柱状图目标数据将映射为的矩形块面积。（数据列需提前排序（降序））。 ?...颜色指标是该图表所能展示的第二层数据信息，将会按照指标大小范围被映射在树状图矩形块的颜色深浅上。 ?...LabelRange:是树状图矩形块代表的数据指标标签。 ? ?

91710 0

sparklines迷你图系列14——Correlation（HeatMap）

今天跟大家分享的是sparklines迷你图系列13——Correlation（HeatMap）。热力图在excel中可以轻松的通过自带的条件格式配合单元格数字来完成。...但是在sparklines迷你图插件中，通过简单的函数设置就可以制作出出色的热力图来。而且这款软件支持的热力图风格多样，可以做出很多令人惊艳的效果。 ?...如果只定义了颜色，没有定义形状，大小以及是否为饼图，则热力图结果只呈现出不同颜色的矩形单元格区域。 ?...如果定义了颜色以及矩形大小，没有定义形状和是否为饼图，则图表呈现出不同颜色不同面积大小的矩形图表列阵。 ?...如果定义了颜色，大小，形状而没有定义是否为饼图，则图表呈现出区分不同颜色、不同大小的圆形列阵。 ?

1.5K6 0

sparklines迷你图系列4——Evolution（Area）

其实就是我们常见的区域图（或者叫面积图），它与折线图（昨天讲到的）都是用来呈现时间序列中的趋势走向和波动范围，进而对事物发展状态做出评价。...昨天的line图表因为代码版本的问题最后报错了，闹得只给出了语法介绍没有出图，希望今天这个Area能顺利点。面积图的参数相对较少，比较好理解： ?...Mini;Maxi这两个参数是迷你图纵轴的高低值界限，其实可以理解为纵坐标轴的最大值与最小值（可以使用默认，但是如果自定义的话，一定要记得最大值至少要大于等于实际指标的最大值，最小值一定要定义为小于等于实际指标最小值...Line1;Line2：这两个参数可以给迷你面积图设置一对围绕水平轴分布的上下平行线，你可以理解为正负指标的对比参考线。（自定义的话要定义在指标实际最大值最小值之间）。...这种迷你图做完之后，至少一段时间内可以作为模板使用，秩序替换数据即可，而且告诉你一个秘密，其实做完的图表是完全矢量独立的图形组合，这就意味着你可以直接将图表复制走，然后解散组合随意更改图表内的细分图形颜色以及将图表放大使用也不会影响清晰度

1.2K4 0

sparklines迷你图系列5——Evolution（Horizon）

今天跟大家分享区域（面积图）图的一个变体——水平线图。之所以说是面积图的变体，因为这种水平线图，表达的信息与面积图几乎差不多，差别仅仅在图表呈现形式上。...水平线图的生成过程如下：下面通过案例参数设置看下如何在excel的sparklines迷你图菜单中完成制作：通过函数公式填充，可以得到一组水平线图，通过颜色重叠的深浅，可以大致判断出正负指标的绝对值相对大小

9456 0

轮播图jQuery

/day48/jquery-3.2.1.js"> Title .outer{

5.4K2 0

sparklines迷你图系列6——Comparison（Columns）

今天分享sparklines迷你图中的Comparision图表类型中的Columns图表。该图表说到底其实就是我们日常工作中最常用到的柱形图。...同样通过函数公式填充，可以批量做图，形成一组迷你图报告。 ? ?

7604 0

sparklines迷你图系列3……Evolution（Line）

之前在演示第一篇中的Scales（standard）图表类型时，就遇到过代码报错，在做第二篇Perforance（Reverse Bullet）图表的时候也是莫名报错，这里又遇到这种事情,今天line图是无法出结果了...虽然有些很漂亮的图因为软件代码的原因无法实现，但是我还是会尽那些可以实现的图表给大家分享，以后如果问题解决了，会尽量补全所有的图表类型。

78410 0

sparklines迷你图系列17——Distribution(Stripes)

今天跟大家分享sparklines迷你图系列16——Distribution(Stripes)。 Stripe图是类似于条形码那样的呈现连续性数据分布状态的一种图表，可以叫它条线图。

7808 0

点击加载更多

迷你图工具汇总~

sparklines——迷你图插件

jQuery数组反转「建议收藏」

sparklines迷你图系列18——ScatterChart

sparklines迷你图系列2——Performance

parklines迷你图系列1——Scales

sparklines迷你图11——Composition(Stacked)

sparklines迷你图系列16——Distribution(Spread)

Power BI文本嵌套多种迷你图

sparklines迷你图系列12——Composition(Cascade)

sparklines迷你图系列15——Composition(BoxPlot)

表格插入迷你图如此简单

sparklines迷你图系列13——Composition(TreeMap)

sparklines迷你图系列14——Correlation（HeatMap）

sparklines迷你图系列4——Evolution（Area）

sparklines迷你图系列5——Evolution（Horizon）

轮播图jQuery

sparklines迷你图系列6——Comparison（Columns）

sparklines迷你图系列3……Evolution（Line）

sparklines迷你图系列17——Distribution(Stripes)

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐