温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
哈喽,各位小伙伴们大家好,那接下来咱们去完成首页当中第三个,看当中这个柱状图。那么首先说啊,柱状图咱们应该不陌生,为什么呢?因为学习canvas咱们第一个绘制的就是柱状图,以及学习ears第一个完成的呢,也是柱状图。那所以说啊,回到咱们的这个cut当中,那在它的第三个呃,结构当中,就是在这里,那这里呢,它需要呢,还有一个作用于插槽,那所放置的呢,应该是一个柱状孔。那所以说啊,咱们呢,先把这个插槽给它写上template。对吧,之后呢,插槽的名字啊,叫做叉子。对吧,那所以说咱们呢,给它来一个lo,为什么呀,为这个char。当然咱们这里呢,先写一个文字叫柱状图,那咱们呢,保存一下,刷新去看一下这里是不是出现了一个文字柱状图。
01:04
当然,那咱们呢,把柱状图呢,也是封装为一个组件,那咱们呢,这个呢就叫做坝。Chart。当然那这个组件呢,老师就不再去写了,因为他跟这个折线图几乎一模一样,所以说呢,咱们呢,给他复制粘贴过来就行了,那咱们呢,稍微呢去改吧改吧。对吧,那当然这里面呢有做一些笔记吧,好吧,那这是隐藏X轴,这什么是均分,哎,均分。哎,均分隐藏Y轴以及系列,那当然咱们所需要的拐点呢,线条啊和填充颜色,那这些咱们是不需要的了。对吧,那当然咱们这里呢,对准了给它删掉一下对吧,那这儿还有这个线条的颜色,以及还有这个填充的颜色,咱们是不需要。对吧,那这个呢,是这个图形的,呃,图表的形式应该为柱状图。
02:04
那柱状图呢,应该叫做坝。对吧,那咱们呢,先刷新去看一下子啊,去看一下子啊,当然咱们呢,需要给插槽传进来。那所以说这里面呢,咱们呢,需要引入咱们的这个柱状图,就叫做把。Char from应该是咱们的点杠,呃点杠啊bar char当然也需要注册啊,叫bar叉,当然那你这里呢,需要给人传的就是这个柱状图了,那这个咱给它传一下子叫做棒。Char charts对吧,那咱们呢,保存一下,刷新去看一下咱们的柱状图是有没有的,是有的,而且是均分对吧,24689个,呃,咱们看人家这个,人家这个呢是12个,那当然咱这儿呢,可以再填充一些数据。对吧,这个数据呢,咱们呢,可以再来一些24689,再来仨吧,22啊三十三二十二再来个八,对不?那咱们的保存刷新一下,看一下咱们的柱状图是不是就有了,当然颜色啊,咱们的可以自己随便去调。
03:14
对不比color为青色,或者你喜欢粉色什么都可以对吧,这个颜色呢,你可以自己去进行调制的,对吧?那所以说咱们的完成了咱们这样的一个柱状图,当然你也可以放一个提示信息叫to tips,对不?咱当年不学过吗?就是那个提示的插件叫to啊tip。哎。那咱们呢,也给他写上去,看一下子,当你鼠标放上去的时候,有没有提示信息,是不是也有。对吧,那所以说咱们完成了相应的柱状图的业务。
我来说两句