00:00
好,我们后面还有没有多少内容啊,还有一点内容把它快速的弄完。而且有的部分呢,我就没有打算再写了啊,到时候大家自己后面来看一看就行啊,我们先来看一个看一下,首先来看一下可视化图表的这个事情啊,我们应用中呢,有一些可视化的图表。这里面就有一个概念叫数据可视化,什么叫数据可视化了?啊,就是将数据以图形图表的形式给他什么展现,这样用户看起来是不是很清晰啊,啊等会我们就能看到我们应用中是有这样一些效果啊。那在我们前端用来去做数据可视化啊,它是有相应的有一些可常用的一些库,当然除了这些库还有别的库啊。来,我来简单的说一下。第一个库呢,叫一。嗯,是谁开源的,百度开源的。
01:01
嗯,把它关掉一个太多了,来,我把它呢给它P。先留着吧,打开一个看一下。哎,看看是不是多了一点东西。嗯。嗯。就这个。嗯,它里面有一个很酷炫的一个演示啊,感觉是一看就很牛逼的感觉是吧。嗯,这里面呢,当然啊,我们可以对它进行使用,当然这里面有有一些官方的一些例子啊,当然有相应的什么呢,文档这里面是不是有教程啊啊都可以点,其实很好学,因为它就是基于配置的。跟我们view的类似的,什么不是view功能呢?有的后面后面我们来看一下吧,别说view了。
02:06
因为后面还没讲,来看一下这个,这里面呢,就会有一些例子来告诉我们怎么样去使用它们。其实参照的文档我们就能去就能去写。嗯。这个我就不大家一个先一个一个去看了啊,这里面是他的例子,而且每一个例子打开。就能看到他的代码。它主要就是有这样一个配置对象来配置整个结构。当然光有配置啊,其他代码它是固定的,所以把它省略了。其他代码是固定的,它只是需要去写这个配置就行,那右边呢是它的展现的效果。这能听懂吧啊,而且它是不是还有一个动态的过程啊,看起来很炫酷,而且大家需要知道啊,这个图表图形图表它有不同的种类。也有不同的形式的图形图表,这里面分为折线图、柱状图。
03:04
丙图,这是最最最基本的三种图形,当然还有别的图形。每一个是不是都有一些例子?所以说你要去做啊,难度其实并不大,如果就做一些相对简单的话。啊,不做深入的去使用的话,其实没有多大难度,因为它的曝光例子写的非常非常多,非常非常详细。啊,也有相应的一些语法的说明啊好。但是呢,我们如果要在项目中去使用它。需要去下载另外一个库。看名字你就知道是吧。来这个库呢,大家需要去get up上面去找一下。来看一下,我们的应用已经启动了。
04:00
把它打开一下。这个是这个用到了图形图表的库啊,这个里面是用的一下子这个不是。我用用的两种图标库诶。这不是我们的这个,这个是这个啊,应该应该启启蒙错了。这个里面呢,确实没做,但这个已经做了。好。来大概知道一下大致的整体,先要知道一下整体情况,来,我来去找一下他。你是不是熟练不重要,重要的是你知不知道我该怎么样去找到他,怎么样找到解决的办法,就是用他的一个办法啊。好,那下面呢,就会告诉你怎么样去安装,怎么样去什么使用,其实非常简单,它就提供了一个。
05:02
标组件标签去指定那个什么呢?O形式O型在哪呢?我去哪找O型呢。我去哪找,这就是啦。能听到吧,也就是说只要把这一个对象配对象是不传进来,我的这个效果是不就能够在我的应用中是不是就有了呀。这能听懂吧,这能听懂啊好。这是这一个啊,大概需要去知道,后面就其实就没什么啊,当然后面还有一些相关的一些其他的详细的一些配置选项的配置啊。好。另外一个呢是JR啊,JR这个库呢,它是阿里开源的。也就是蚂蚁,实际上准确的说是蚂蚁金服。他们在。
06:00
怎么又有这个玩意儿?这个,而且他还不仅有G,它还有什么GRG6F2 LG。啊,当然是各种不同用途的。呃,设计了,我们现在用的是这个可视化图形语法。啊,也就是他的这个所说的这个加。跟我们的那个一很类似,但是风格稍微有点不同,能听懂不,那个界面风格稍微做的事情基本上是一样的。那他是不是也有一些对应的实力,也有对应的API文档。是不是也有什么折线图啊,什么柱状图。什么丙毒?能听懂吧,就是风格界面风格。会有些区别啊,它的这个界面风格呢,稍微明亮一点。好,那我们这个啊,这个who它不是说基于的一个who,比如说基于我们的react,或者基于view没有。
07:05
他就是用GS写的,听懂了吧。那我们要在里面使用,那直接用它也不是特别方便。听懂了不,那应该用它的什么呢?大家看到这里面有另外一户,其实是也是他们提供的。先要有个大概啊,有一个大概的了解啊。这也是阿里他们去实现了,这一个木就是包装了谁的家。基于什么呢,React?这个能听懂吧,啊是不是类似于有点类似于他的一个意思。能听到,嗯,好。那这个库呢,它我们后面还需要下载另外一个小的库,这个库呢,功能不是特别大啊,就是一个小东西啊,也是它的那个示例里面需要去下载,我们才下载,也不自己想出来啊。
08:13
还有一个库叫第三。嗯,叫第三这个,第三这个库呢,它是一个国外的免费的开源的图形图表库。但是这个库用起来会有点费劲。为什么呢?它是它相当于封装了很多的函数,需要自己一点一点的画,听懂意思不,而我这个呢?而我这些呢。写配置,写组件,界面就出来了。那你说哪个用起来简单一点,肯定是这种用起来简单一些,听懂了不?呃,这个第三第三出现的比较早。第三,出现的比较早,但是在国内其实用的不算是说跟这些比,跟一叉子比起来,那肯定没有一叉子用的多。
09:04
但它也有它的好处,它相对于比较原生,相对延伸一点。因为需要一自己的画法,那这样的话是不是就能画出一些特别我想要的效果。这个里面相当于提出了很多模型,这就是他提供的我可以可以迅速的帮你生成的一些模型,但是我的应用一定是跟这些模型是完全匹配的吗?不一定吧。那我有可能是不是要画一个特别的界面图形图表的样子,对不对,那那个时候啊,用他们就会比较费劲了,这个时候比较适合的就是。啊,相当于是个重度的一个图形图表库的话,就用第三了。他们现在是七年级的。啊,方便使用,快速开发啊。先要需要去对整个有一个,当然也有其他的一些图表库,我就不再去一个一个介绍了。啊,这个地方大家也可以去看一下我们的印记。
10:04
那印记里面是不是就再去说相关的一些东西,有些相关的库能看到吧。嗯。这些这一套。这都是阿里的。阿里的有一个总的库,总的叫总称叫安V,蚂蚁金服的意思是吧,V就是可视化的意思。呃,安呢,它又提供了好几个版本啊,有什么G2,有什么G6,有什么F2,刚才看了是不是还有一个呀。能吧,这个看似应该跟地图相关的,大家看下吧。啊,当然你可以,你要有了解,你可以看一看啊,进你空间数据可视化。啊,去绘制这种东西,要没有他们这户,你自己去搞这种。那我跟。登上跟我王尔峰差不多是不是啊,有点费劲是吧?别人已经把整个模型都给你整理好了,听懂了不?
11:09
好,这是这个。好了,那下面我们要用首先的档案。是不是得去下载相关的包,如果我们用一下子是不是需要下载这两个包,如果是BC下子了,需要下载这个包,以这个包,这个包我怎么知道的呢?其实我也开始不知道这个东西,就是去看他的事例,我就参加他的示例写啊。嗯,快速开发打开,打开以后它会有图表的示例吗?我们比如说我们有一个我看柱状图,我就看这个,当时就看这个例子,看这个效果的时候,你看他不就引入了这样一个库。但是我我开始我肯定只下载这一个部啊。我开始根本想不到要下载这个客户,听懂了吧?那很自然吧。那后来发现他引入了一个新的部,我又没有。
12:01
你要有这个基本能力啊。能听到吗?啊,这个一看你看名字就知道是安特V,也是他们总库里面提供的一个提供的一个模块。啊好,这面呢,我们就不一个一个去看啊,我们先来看一下。首先要知道这个事情啊,我们要去下载相关的依赖,后面是不是是要对他们进行使用吧,嗯,好。先要有一个基本的理解啊。
我来说两句