00:00
好,各位小伙伴们大家好,那接下来啊,咱们呢,利用E叉去完成一个进阶的案例,就是多个一叉实例展示多个图标。那首先说啊,咱们呢,刚刚完成了E叉S的一个基本的使用啊,那对于展示一个图表,无非就是这样的几个流程,第一个引入依赖包,第二个准备一个容器,第三个初始化ears实例,那第四步去设置咱们的配置项。那么如果啊,你想在项目当中想显示多个图标,那当然容器你得准备两个,以及呢,得有两个一实例。对吧,那当然咱们将来的项目当中啊,咱们要做的呢,是这样的一个效果,咱们呢,可以看一下。那当然这块呢,将来呢,咱们这个项目当中啊,它呢是有多个图表的,那所以说也得有多个容器。
01:01
对吧,那所以说啊,回到咱们的项目当中,在这儿那老师啊,就把咱们的零一进行拷贝一份。那这个呢,咱们呢,起个名字叫零几呢,叫做零二。叫做什么呢?叫做展示多个图表。那当然啊,这个呢,是咱们最开始的基本使用的那个案例,那咱们呢,可以运行一下子,稍微呢去看一下子。对吧,那当然啊,咱们呢,想展示多个图表,那也就是说你得准备两个容器了,对不?那所以说老师啊,在这呢,也来一个div。但是将来底下这里为了区分那老师呢,给他添上相应的类名,比如说这叫BOX1。那当然啊,那这个呢,咱们给它来个类名叫BOX2,那当然那这里呢,你得区分了,那这块呢,就是点哎,BOX1。
02:01
对不,那当然啊,这个叫DOM,那还有个叫做道一,那当然都得是双份的。那这块呢,就是BOX2啊,那这个分别叫一和二对吧,哎,DOM1,这是DOM2,当然这个呢是DOM1。对不,那以及一叉实例啊,应该也有两个。那这个呢,咱们叫MY。对不,那这个呢,咱们叫MYX2,那分别是倒一和倒二,当然咱们的项目当中啊,目前呢,应该是没有什么区别。对吧,那以及咱们的配置项呢,还得来一个对吧,就是第二个my char对吧?哎,就是一叉实力,还得调用一下set option去设置咱们的配置对象。对吧,但是这里呢,咱们就不再拷贝了,咱呢还是自己呢去书写一下。对吧,斜向那也就是第二个。图表的哎,配置项。
03:01
那应该啊是MY2点,哎点谁呀,S option,当然里面呢,需要传递的是咱们的配置对象。对吧,那咱呢,一个一个来,那首先说它的标题叫做title。那右侧的值呢,应该是个对象,那么主标题它的文字test,比如说咱们就来个折线图。对吧,那咱们呢,可以瞄一眼看一下的有没有。没问题吧,那以及呢,让这个主标题啊,让它居中,那咱当时应该说过left为什么呀,为center,哎C啊center。之后呢,咱们呢,还是运行一下去看一下没问题。那以及啊,颜色呢,也可以啊发生修改啊,对吧,主标题的颜色叫做test style,那咱们呢,也去改一下子叫做test。I style。之后呢,文字的颜色呢,咱呢,给它来一个什么色呢,来一个黄色。
04:04
Yellow。对吧,那咱们呢,可以刷新去看一下,哎呀,这个黄色不好看,那咱们呢,给它来一个红色red。那这回呢,咱们瞄眼。对吧,那一级呢,也有相应的指标题,那叫做sub test。对吧,哎,TXT比如说啊,咱来个叫做一的一个基本的使用。对吧,那咱们呢,也可以去看一下,这是没问题的。以及啊,其实这个子标题的文字的颜色也可以修改,叫什么叫做sub test。对吧,Style这么设置它的文字的颜色,比如说来个青色,那这个呢,就是紫标题的文字的颜色。对吧,那当然还有咱们的X轴和Y轴,那这里呢,咱们呢也去设置一下,但是要对准了第一个是X轴。
05:01
对吧,叫做xa X is。那这里啊,他呢,老师呢,给他来个数据吧,Date来个什么呢?比如说星期一到星期日吧,对吧,哎,星期一。那这个呢,咱给他来一个,这个呢叫做星期二。对吧,给给他来一个折线图嘛,哎,星期二那以及再来星期三。哎,星期三以及星期四啊,星期四咋啦,星期五。啊,星期五再来星期六。哎,星期六以及呢,还有个叫做星期日。啊,星期日。对吧,那以及呢,还有咱们相应的这个Y轴,那就是YS对吧,那咱们呢,可以先看一下的数据有没有。对吧,那咱们那些瞄眼有没有报错啊,如果有报错的,那还是得看一下的找你。
06:00
对吧,哎,出来了,在底下这里呢,只不过咱们没有看见,对吧,在这儿对吧,那以及啊,咱们呢,在设置咱们的这个图表的类型。类型啊类型。与什么呢?与数据叫做serious,是一个数组。那这回啊,咱们要的是一个折线图,那type应该为什么呢,为蜡。对吧,以及数据倍的,那咱也来七个十二十十五对吧,44来一个二,这是五个,再来个19,再来个100。对吧,那咱们呢,可以去看一下咱们相应的折线图。对吧,那所以说那如果说你想在项目当中想展示多个图表,那要注意容器得准备两个,那以及呢,MY叉一叉的实例得准备两个,以及set option方法得调两次设置两次配置对象。
07:01
对吧,当然有的同学可能说老师这个折线图的颜色我不喜欢,那你可以换一个颜色,对吧,比如说color,咱来个什么色呢?来一个这个青色,那咱们看一下有没有发生变化。对吧,那所以说啊,这是咱们的一个,呃,绘制同时绘制多个图表的操作。
我来说两句