动力节点-【CRM客户管理系统】SSM框架项目实战教程-160原创

那下边大家对大家对这种一插的插件有个大概的什么这个用法有个了解之后呢，那我问一下，假如我假如说我要做个漏斗图，我只需要变哪个地方就行了。对，是不是这些甚至都不用变。这些甚至也不用变。图例其实甚至也不用变，只需要变谁啊对，这其实就是这个系列，就是这个地方，其实X轴Y轴，由于由于我们这个什么，由于我们这个这个漏斗图没有，这个跟柱广图不一样，它不需要X轴Y轴，所以这俩人啊，你可以不要，所以最主要就变这个地方就行了，知道吧，那你说到底变成什么样子的。查文档，查文档，他到哪儿去查，他这个地方跟我说的不详细不形象，到哪儿去查到这个实例里边。实例里边跟我说的就太详细了，哪个地方找漏斗图。找漏斗图知道吧，然后呢，这些漏斗，这是最简单一个漏斗图，这是比较复杂的漏斗图，你随便点进去一个，他把漏斗图所需要的参数都给你写的非常详细，但这个再太简单，我们就不看它了，我们看这个吧。

这一个它既不是最复杂，也不是最简单，我们以它为例给大家看看漏斗所需的参数有哪些，一块儿来读一读，你看啊，点进来一单击点进它看吗？它这种效左边是代码，右边是效果。知道吧，所以你研究起来就比较方便了，那怎么方便，我们就在这个基础上把这个参数改一改，改一改，我们一会儿直接用就行了啊来看看吧，当它这它这个效果在上，你看它这参数你看吧，它这参数有哪一样title是不是标题啊，标题你看看看，它加了一个主标题副标题你看吧。这个主标他这个地方跟我们写的例子是这样，那我们改成我们自己的就行了，改成什么？假如咱们这个地方是用来统计交易统计图表，那我这个地方直接写交易统计图表，交易统计图表那你写完了之后，这边马上就出来效果了啊，还有下边的话，这是副标题，也给他一个副标题吧，假如我这个交统计交易表中，我是统计交易表中各个阶段的数据量，你看这个地方就按照我自己来了，下边还有什么呢？突table，突table什么意思？提示框就你放进这个提示框，你看吧。

这个提示框你看，你再详细的看看，这是它处罚方式，处罚方式是什么？就是说当这默认是eem eem什么意思，就是你放到任何一个选项，这是它的那个各个数据项，你放到任何一个数据项上面的时候，这个什么投入table步，这个提示框就出来了，那你要是还能不放出去，还如果有坐标轴，它可以是坐标，你放到哪个坐标轴上面，它会给你什么弹出提示框，咱们这个地方就这放到选项上面上，放到数据项上面的时候来提示。这个也是用的最多的，但你用它就行了，行了，好，下面这个form什么意思。

来归，那么这个地方设置了这个提示框，里边显示哪些内容，显示哪些内容，你看它这用一些表达式，那吗？它这大括号A，大括号B，大括号C这些都是表达式，是它这个插件里边定义好的表达式都有具体的含义的，这个什么A，大家看大括号A，你看它显示的显示什么，实际实际是一个什么。实际其实是个系列，什么系列？就是下边有services，这里边有个什么预期数据，还有个实际数据，其实它是两个漏斗数叠加在一起的，里边是实际数据，外边是什么预期数据。两个肉的图，两个系列叠加在一起的知道吗？那么这个杠A就表示你放到哪一个上边。这个是系列的名字。假如我放到里边，里边是什么，大家看放到里边，里边是什么，实际数据是实际这个什么系列的数据，如果放到外边。

外边这个漏斗图是预期数据，表示预期的系列，知道这个是杠A是系列的名字啊。这是我说，那你看大家看这个什么系列名字后边显示王老后边显示个啥。BB什么意思？对，换行，换行完了之后又显示什么杠，这个什么大号B，大号B什么意思？对，就是一每一个系这个什么数据项，数据项的名字你放到哪一个数据项上面了，后边这个C呢。对每一个数据项的数据，然后后边加一个2%，它是按百分比来统计的。所以大看这些都是他这什么都是他是他是定义好还是他要定义好，是再往下找，你看大看这是什么，这是他这个数据样，那你说我这想改能改能不能改，当然能改了啊，你知道我想就随便给他加一个，加一个你说再放上之后，后边你看吗。

你想想是我想这个做第段计算都可以计算，所以他这也比较强大的，应该说所他这种插件是比较强大，还有什么大看还有这个突boss，突boss什么意思。翻译成中文什么意思，Box什么意思？对工具箱，工具箱哪个地方它显示这个地方的，你看吧。显示什么呢？看看它显示这就显示这些个，这些什么意思，你看这个，你看这个放的什么数据视图，数据视图什么，他说默认情况下，它显示的是什么报表视图，报表数是图形视图啊，这些数据以图形的形式给你展示更形象，让他更专业，那有的人说了，我没学过这种视图。你给我看这数度，我看我反而看不明白了，我想就看你的数据怎么办，你可以点它切换的数据数，什么数据数度，你点开来看看，这是预期数据，这是实际数据。我看这个我反而更直接呢，有的人。所以你让你让都能看到是吧，这个地方你说能显示出来是吗？这是我们说的这样。

这这当然，我说一刷新他就回去了，知道吧。这是我们说的这样，所以说大概这也这么，这是两个两个系列的数据，两个论主叠在一起的是吧，你显示么？这个地方你想显示就显示，你说老师我不想显示这个，不想显示这个在里边可以控制data view，就是控制它的到底要不要显示，你要如果它里边有个什么，有个数，你要设成false，这个就不要了，这个地方就显示不出来了，默认是显示的啊，那说它这边有哪些参数，你看你看看那个文档上面也有相应的参数控制每一个这种工具条，工具箱是不是要显示，知道吧，这是这个地方知道。好，大家看还有什么，还有大看这个什么数据十足，还有一个很重，还有一个很很厉害的地方，哪一个很厉害的地方。这这些数据你可以改，你要改，你要把它改成什么，改成60，实际数据咨询这个这个数据项改成60了，改完之后怎么办，你点了刷新你看吧，他这边这个什么图就给你刷了。

按照你改过之后的数据给你显示知道吗。这时候我啊张总，那你说改完之后，那我什么我我看到这种效果，看到效果之后，我再想恢复成改之前的数据，怎么他这个东西有个这个看吧，还原，你改完之后，你想还原成一开始的数据一点，它又还原了。所以这个地方你要想要也也要你要不想要把它resto是还原的意思，它里边有个数设置成false，这个地方也不显示了，这都可以随意随时控制的，还有大概还有这个这个更强了啊，这个什么可以把这个报表改保存成图片，就你这个图片我想什么，我把想把这报表改成图片，想打印去懂吗？你点它看吧，能给你保存成图片知道吧。这是我刚说的，知道吧，啊，但我这个地方就不保存了，好这时候我还说这是工具条，它主要是来控制这一块是否显示的，知道吧。

好，这当然它里边不止这些参数，大家感兴趣可以课下研究一下这些参数。好，这个地方我们就说到这儿，下边大家看这个这个legend legend什么是不是图例啊，对图例了，这个图例就是这个地方每一个数据项，它显示到什么，它显示用什么颜色去显示。这是图例，这是数据项，对吧？这个地方我就不多说了，下边再看来看这个系列，这个系列我们说一个系列就显示一一套图形，它这个是系列，后边是数组，有几个元素就显示几套图形。我们这时候就想着几个漏子图，他这个地方其实是两套两个系列，一个是预期数据，一个是实际数据，知道吧。那预期数据比较大是在外边，里边是什么，实际数据比较小啊，所以这样这时候我们说，那你要说再想着三个路数叠加，再加一个系列。啊，当然我们不做这么复杂，我们这个地方做统计交易表中的各个阶段数据了，我们就一个系列就够了，所以这个地方这个，所以这个参数给大家改了一下，我给它去掉一个一个系列就行了，去掉一个系列，那就把这个元素去掉哪一个。

到哪呢，到这个地方，这样就一个图形就就一个系列啊。那一个系列，这一个系列里边这些数据什么样子，那你看看大家看这一个什么系列的名字，咱们刚才有什么预期系列，有实际系列，它这个是预期的。那我要如果改成我们自己统计交易表中数据量，那这个地方，那我这个系列名字就不叫的，叫什么呢？可以叫交易的数据量，或者就叫数据量，可以叫数据量这。这是我们这是系列名字还有的哈，这一个什么系列的类型，系列类型决定了你用什么图形来显示这个是么？显示这个报表，那我们说这个final，我们用什么用漏斗图，你这个地方只能写final啊，只能写final知道吗。

这是我们说的这个，那你问我可不可以写成柱状图或者饼状图，这个柱数据数据由于跟柱状图饼状图数据不一样，所以你不能用柱状图或者什么或者饼状图或者折线图，你不能用它，为什么数据后边数据格式不一样，它那个柱状图和什么折线图后边数据是不是就有一个简单的数值啊简单数值，所以你不能用柱状图或折线图，它俩数据不一样，数据兼容的可以随意切换，数据不兼容的这个东西你不能随意切换。所以我们这个地方只能用final了，目前来讲好大家看这两个参数，你你一看，你猜一下能猜出来什么意思，Left什么意思。左对，这个报表在你容器上面，距离容器的左侧是多宽，知道它是多宽，他用百分比占10%，这个什么意思？

对说你这个报表在容器里边显示，占整个容器的百分之多少，对80%这边10%，这20%这边什么10%，他是不是居中显受道，对居中显示知道吧。啊，但你随意，你说我让那左对齐都想左也行，做一下右边也行，随便随意控制，所以他通过这些参数让你什么，你做起来就比较灵活了，那牛老师，那我做起来灵活是不是，我得研究这些参数，那那那当然了，你要想什么功能更强大，你得研究的更多啊，他要不给你提供这个参数，他全部都会默认，不管你想怎么享受，它就全部给你居中了，那你想控制控制不了了，他这个插件做的也不好了，所以他这种插件给我们提供参数，你学的时候很麻烦，但是呢，但是你用起来更更强大了。好，下面呢，我们看这个地方label label什么意思，Label是表示说明的意思，说明什么，对这每一个数据，像这个这些什么颜色，后边都说明，说这个东西对每一块内容进行说明的。

知道吗？这里边大纲你看这个地方，它显示什么form显示内容，显示内容什么，BB表示什么，大号BB表示什么，是表示是不是表示数据项的名字，数据项的名字，这就一个一个数据项啊，是数据项的名字，它后边加了一个预期。那预预期的刚才是预期数据，那就是最加预期，我们这个如果做统计交易的话，还带预期吗？不带不带预期了，去掉就行了，这就各个数据项了。对。这是我们来说的这样下边继续来的哈，还有label line label line什么意思，这是label label line什么意思？就label是专门对每一个这个阵容说图形的部分进行说明的，Label line标什么表示label跟每一个部分其实还有个连线，看到它是控制这个连线的。这个连线多粗，然后什么颜色的你都可以控制它这个地方怎么控制，里边通过参数控制，甚至显示不显示，你都控制它这个地方，它是受受表示显示设成false false时，什么这个连线不显示，所以你看不见吗？那你说老师我就想显示怎么办？

设成什么度是吧，当然这个连线就能想出来了，当然这个连线的格式你也能控制，随便控制知道。所以这时候我们说，当然这个地方我们就大显示出来吧，还有再看ittime styletime style什么意思？Style表示样式，Time每一个选项的样式。这些样式到底是什么样子的，你都可以控制，怎么控制它里边有一系列的属性，控制有哪些属性，自己看文档吧，但它这个地方有一个例子给我们就控制了这么一个，从这个角度上来控制这个样式，Opposite opposite翻译成中文什么意思？透明度是吧，其实它这个图形有有一点透明度的，你知道吗？它透明度是0.7的知道。

那你要我想让它更透明一点怎么办？给他设成吧，知道吧，0.3看吧，更透明了，牛老师，我一点都不想它透明怎么办？一点都不想透明越大，这就一点不透明一，你知道吗？啊，但咱们还是恢复成他这个吧，0.7吧，像他这么设置，他应该美工设的，应该符合大家的审美观念了啊。这时候我们要这样，下边这个是什么叫埃尔法is，阿尔法is什么就是高亮，高亮什么意思？就是你点每一个选项的时候，大家看吧，这个这一部分就应该变成高亮了，变成高亮怎么后边有这个东西，你看吧，它就是控制这显示的，显示高亮效果的，你点某一个某一个选项部分的时候，是个数据项的时候，后边有高亮就显示这个东西，显示这个东西应该还显示啥呢？你看BB要显示一个什么，对数据项里边又加了一个预期，你看吧，这个预期给它什么，给它去掉了，我们不要了，杠C呢，C是不是那个数据的大小，每个数据项数据大小它有个百分一，咱们不按百分一，咱们就统一数据量，把这个百分号去掉。

这样这样的话再看我说再一高亮，你看吧，它只会显示那个什么，它只会显示这个什么，这个数据量知道吧。还有，但还有一个百分号，你看吗？这是什么提示方的百分，这个也给他去掉，他这按他这个例子按百分比的，咱们都是按数据量都给它去掉，再用它没有了啊。好，这是我们说这些是吧，这些参数那个参数，那你说这个参数什么意思，这个参数是这是数据项是吧，它这个高亮的效果在哪显示是在这一部分显示，看他还有在别的地方想指定想在哪显示，在哪显示哪正到底怎么到底呃怎么控制它这数据样子，这个高亮在哪显示，你自己看文档啊这些啊，所以我们这个的话，我们也不给他这个把每一个参数都要讲过了，我把方法教给你自己看是吧。好，这样就行了，下边最后一个参数，这个参数是个最重要的一个参数，这个参数什么意思啊，对每一个系列的数据啊，每一个系列的数据，就为什么说他在上面，他在下面，他在下面，他在下边，他在下边，为什么这么拍的。

为什么这么排的，那就什么有各自的数据量来决定，那怎么来决定呢？你看在这，这是每一个它这个代data塔后边是个数组，你看吗？数组里边每一个元素后面有每个元素，每一个元素都是对象，这个对象是个大括号，大括号里边有两个属性，一个是什么内目，一个是Y流内目标是什么数据项的名字，这个内要和谁保持一致，对图例这保持一致看吧，然后呢，再看每一个数据项的值是不是用value流来表示，表示它将来你你不管这个数这个你不管这个数组谁在前面，谁在后边，它的元素的顺序什么，你只要把这个数据给它，它会自动把最大的数据项显示到前面上边，然后依次往下排，依次往下排最小的显示示后边，知啊，咱们这订单你看订单最小谁啊，20展现是谁啊，100它最上面，它自动的给你排序。

知道吧，这是我妈说的。丈夫。好，那现在我再给大家对大家对这种什么，对它这个参数有个大概了解之后，现在我再进一步的问大家，这个数据现在是吗？他这个例子里边是写死的。将来我们要统计交易表中各个阶段数据了，这些数据从哪来的？对，是不是从我们交易表里边查出来的，查出来的什么名字，都是什么内幕，每一个查了我们会查出来几条记录。是不是有几个交易表里边有几个阶段的数据，查出来几个，查了几个，那这个名字是什么？对阶段的名字是不是这样吗？这个值呢？对处在那一个阶段的交易的数量是不是这个意思，知道吗？那所以这个数据我们将来要从数据表查，查什么，查交易表中处在各个阶段的，然后呢，那个阶段的名字，以及处在各个阶段的交易的记录条数。

以这种字符串的形式返回到前台，它就自动给我们展示了。知道吗？所以一会我们就要写一个搜索数据去查这个数据了，从后台返回以接森照的形式，这是这是不是接组少接段图少返回就行了，他就给我展示了知道吧，到底怎么查，其实骚扰域大家都已经吧学过了，知道吧，一会儿我一写你就知道了，知道吧。好，这个我们就给大家说到少，这样的话，大概我们读完它这个什么这个漏斗图的这些参数之后呢，一个是给大家介绍，再一个呢，这些参数我们就可以什么这些参数我就可以直接什么直接用了，可接用了，当然这个这个这个图形呢，这个图形由于咱们的数据不确定，所以这个这个什么它这边到底有几个阶段不确定，所以我这个地方按理说也从后台查，当然我为了这个简单计见的话，这个是么，这个图例我就不要了，图例不要了，图例我太麻烦了，这样我就可以了。

我一会儿就直接用这个参数了，把它ctrl c ctrl a ctrl c拷贝下来，拷贝下来我先记一个地方，一会儿我就用它了。要用好。当我什么我这个一访问一个页面的时候，来显示这个页面里边所有的阶段，这个访问这个显示交易表中各个阶段数据量，以漏的形式给我展示出来，我把它是吧，拿过来就行，把它拿过来，这时候我妈这样，大家这是。