00:00
非常的简单。为什么它剪到哪了?我就是把这个代码看在C。啊,记住看下C来看下B。改改这个不是柱状图了,是什么呢?折线图。数据还是数据,代码还是个代码啊,唯一要改的就是这个类型。还有一个类型的概念能听到不啊,这个地方是什么呢?这个不是名字,不能随便瞎写的啊。能听懂吧,名字不能随便加去的好了。我们来看一看是不是啊,把把这个名字改改。好像名字改尺码来。是吧,来看一下我们相关的一个东西,诶这个折线图。来看一下啊,看一下。
01:06
这不就有以折线图的形式来展现的这个数据吗?但是柱状图操有时候看起来操作起来方便一些,因为它占空间大。啊,当然也不是说这个折线图没用啊,能看到吧,那同理也是可以什么。是不是更新的,而且他还自能他自然他知道你的数量变大了,还是尽量是不是最大的这个坐标比大一些。啊,太聪明了。这没这就没了,这个就搞定了是吧。下一个是丙图。这个饼图呢,我用了两个饼图,我先说一下这个饼图从哪来的啊,我也不知道他再去写代码,这没什么太大意思啊,都一样的方法,这个饼图我你知道我这些效果从哪来的是吧?我刚才说过是有相关的例子的,对不对,有很多例子程序。
02:05
我们现在是不是要找丙图去?啊,我看到的这个这个饼图比较特别。还一个丙图,应该是这个吧。当然,你可以测试别的。啊,这个它称为每一个画饼图。玫瑰花知道吧,就是它有,你看它它它有几个方面,一个方面它的上行的大小能决定它的占用的比例,是不是还有一个你你那个比例越大吧,它整个形状就越大。然后正常的饼图是这个样子的。只由它的那个扇形的角度是不是来决定它的整个比例啊。这能听到不啊,OK。这个。嗯,是这个稍微有些许不同啊,其实就是类型稍微有点不太一样。
03:00
他每一个例子只是给你了这个光选这个配置,因为关键就是这个配置,有了这个配置的显显出来就轻而易举了,其他代码都是模式代码,听懂了吧?啊,我们要改要写,就是主要去整这个配置。嗯。这个啊,我就不再一个一个去搞了,这里没什么没什么劲了,主要是。就是我们刚才写的代码里面,去把这个数据给它拉过来就OK了。现在我相当于是不是写了两个一。对吧,每个都指定的什么凹险,这里面是不是要提供两个险。对不一个是啊,我们正常的饼图啊,另外呢是一个呢,是玫瑰花饼图,也就是他这个尺寸有变化的一个饼图,这个也不是我写的,直接就是从这个里面。转过来的。能听懂吧,那后面要改的话,是不是要改一些,比如说我就说我这个文字跟以前不一样啊,你改呗。
04:02
是吧,而这个比例,这个数据是不是根据实际情况去写。啊,你到底是个什么比例,这个得根据实际情况去做啊,也就是说你的数据,它是根据数据的比例来去显示一个效果的。你肯定是有一个数据的。而且数据一般还是个什么动态的数据,对不对,很有可能是个动态数据。刚才咱们讲了吗?是不是,嗯。当然也有,这个也是一样的。啊,其实就是你告诉他数据写好相应的配置啊,里面相应的说明就能显示这样一个交互效果来,而且可以进行选择的,这什么意思啊。这什么意思?你看就说白了,我现在不想看搜索引擎的这个比例,我就想不想看搜索引擎,我看下其他人在一起是个什么样的情况,是不是那个比例效果是不是就能看得出来呀。啊,就这一个意思。
05:00
别的就没什么,我这个里面就没有做,没有去做更新了,更新的操作了,因为是类似的搞法。这是这个啊,这个。那另外的,嗯,还咱还有一个咱那个首页的图表说一下。那个首页的图表用的是另外一个库,我们刚才说过了,对吧,用的是阿里给我们提供的啊这个库对不对,那这个库呢,它也是一样啊,是他的这个代码就直接拉过去就运行了,因为它是就是基于RA的你。能听到不也如我们要去显示啊,带多个柱状的一个图形,那是不是就可以直接用它,再根据自己的实际的数据去进行什么。是不是修改就可以。这个别人的例子都写的非常好了,以后这个能力你必须具备。就改在别人改了一下,改改数据,这个说白了就看你能不能大概看懂了。
06:04
能懂不啊,这个啊,我就不打算一个一个给大家在这里面也去一个一个去做了,就没什么太大的劲,主要是还有一个事情说一下我们的首页,我们的首页这个地方。除了用到了。用到了我的那个阿里的他们这个图标库以外,还用到了我们安D里面的一些组件,大家看就能看出来。这一个。就是很看一下这个卡的吗?看到吧,能看到吧,这上面也是卡的。诶,这个一个东西,这个咱前面这个其实在开发中用的还可以。啊,是一个日历的日历选择,这是选择一个日日期的一个范围,对不对,选择一个范围是可以选的啊。这个学起来也并没有多大难度啊。当我们需要去。
07:03
这个还是你就相当于留给大家自己去搞一搞啊,嗯,我们找到我们的D就能去看到相关的一些东西。好,那这个里面呢,这个里面啊,这个里面它会用到日历,日历我想有个date。就是日期选择吗?来看一下打开它。嗯,这个里面我们当前用的这个,其实我就是把这个搞过来的。能听到吧,当然是要这个值显示个什么样子,一定是2015吗?不一定啊,那这个时候啊,它是怎么做的,我是不是只需要去打开它。其实就是这个。你看他写了多少行代码了吗?
08:02
没有,其实一共就写了一个组件标签,写了两个配置选项嘛。很轻松就能搞定的。还有这种效果。这个。这是用来去做统计啊,看它的一个是增加了还是在减少等等之类的,对不对啊,那这个东西呢。也是他的一个主家。名字我记不太清了,嗯,叫什么?就这个。他这个地方啊,大家看着。能看到吧,啊,就类似的一些处理啊,倒计时这种处理是不是也可以用它来去整呢。嗯。就这种。在这里面我就是啊,我们最终做的效果就是用了三个这个玩意。
09:01
哪去显示的?这一个是一个时间轴,这也是他相应的组件去写的。因为我们自己写了肯定是有点难度的,咱既然用成基本上啊,现在你要用react去做后台管理项目是不二的选择,说实话。别的那种UI组件库都没办法跟他抗衡。而且现在阿里的技术也基本上可以说国内最好的。好,这是这个,这个我就不打算一个一个跟大家去整了,大家直接把它代码到时候可以看一看,自己尝试可以写一写,参照文档去写一写啊,别自己就蒙着写。
我来说两句