day07_130_尚硅谷_硅谷p2p金融_柱状图的实现

嗯，好，下边的话呢，我们就快速的去把后边这两个，哎图师呢也给他去设置一下，哎这个折线的话呢，就先告一段落啊，然后下边的话呢，我们打开自己的这个，比如说柱状图。嗯，柱状图这个R叉上找到它的这个布局结构。那基本上你可以想象到的呢，就跟我们刚才提供的这个折线图，实际上是类似的折线图，这里边的唯独区别就是提供了一个叫LA char。啊，那你就看一下这个柱状图它用的叫什么差T就可以了，所以我可以考虑先把当前我们写的折线图这个布局CTRLC粘到我们这个柱状图的这个布局当中。啊，那主要我们要改的就是中间这个啊，那他用的是什么啊，你猜啊，你也没准，那就猜不准了啊，有的同学在想是不是就要八叉的。那恭喜你，答对了。啊，它就叫八叉的啊，但你怎么能猜到呢？很困难，所以你还是看一下人家怎么写的哈。

嗯，他这写线程这里边儿我们往回调啊。这个I取模三余一的时候，就是它这个。这个柱状图哈，点开，点开以后看他这个提供的。哎，咱们点到这来了，然后再做。点这啊，嗯，进来以后呢，他提了这个布局不在这吗。这布局再点开。这个叫八叉的吗？所以就是它啊嗯，那回过来以后，我们这儿呢，也是提供了一个跟它类似的这个结构。啊，叫巴莎的，把这个名字改一下。哎，叫尔塔行，然后呢，找到我们这里边这个RT，然后shift s。加载一下。啊，加载成功，把这个呢先删一下，然后呢，一开始这个操作跟我们前面写的这个烂的这个都类似哈，把这个烂的这个打开。比如说呢，你这里边设置的这个title，这啊这都一样，把这个呢CTRLC粘一下。

啊，CTRLV一下。这叫柱状图。防存，那主要的我们还是来去设置这个伊尼的data，那还回到人家这个位置，看看他怎么去用的。啊，这呢是它加载的这个柱状图的这个布局，然后接下来在这呢去填充的数据，所以跟刚才折线一样。加。Interesting。哎，站到我们这个层面。好，这样以后呢报错啊，Holder这块呢，我们可以自己搞定了哈，把它呢，等CF替换一下我们这个八卡。哎，站到这replace，好，这是一个问题，第二个字体库，嗯，同样的处理方式。

精神精神啊，有同学看困了。不能不行，就站一块啊。嗯。好嗯，这个过来以后还是后边的这个问题，关于这个数据啊，数据的话呢，我们还是参照为它是怎么去提供的。嗯，他怎么去提供的，它这个叫generate data bar，那你这呢，也是把这个方法占过来。Y。站到最后还用了get。过去我也调一下这个在该什么走。那说明它的横坐标呢，还是以月份来计算的。啊，这就可以了啊诶。啊，这还不错的啊，得用一下你下边提供好这个方法，这个方法的话呢，我们这是提供的是叫柱状图啊，这个我们就还是给他就提供一套了，就这个位置的我就不写了。啊，这游戏水泥就完了，它其实这里边也就提供了一套啊。

行，嗯，这个学完以后呢，这个方法CTRLC调用一下。嗯，在这里边我们去讲一下。啊就要它，然后给它CTRLC啊做个这样的设置啊，但是呢，它就是这个CTRLV粘过来，好这就不报错了，先来考一下这呢，我们从一个may跑法。哎，有了前面那个折线图做一个参考，我们再去提供后边这两个呢，就可以很快了。啊，点击嗯进来，哎，这个这个柱状图就搞定了啊搞定以后的话呢，我们也是来主要关注一下，看看它这里边这些属性啊是怎么来设置的。嗯，那就从这个位置先来这个字体库，我就不用多说了啊，下边呢，设置一下这个描述啊，跟我们刚才这个折线呢是一样的，这个你图表主要是描述什么的一个变化。

这个我们可以写一下。嗯，再换一个时间，比如说嗯。三星NOTE7。呃，爆炸。Men。事件后。嗯，然后这个，呃，三星的一个销售情况啊。或者这个三星的品牌度吧。啊，就是大家的一个，他还认可不认可他啊。这应该是三星今年还是挺尴尬的事儿啊，好不容易想跳个六，想表示有很大改变是吧？结果七呢，出大事了啊。但好像目前对三星影响还有限是吧？那大公司的话呢，就不一样了。嗯，行，这呢是设置一下它的一个描述，然后下面呢，是否绘制一下网格背景，跟我们刚才那个折线一样，这段写成个出以后呢，呃，看到的效果呢，就这块单独的一个颜色给你抠出来了啊。

这会我就开始写成force，然后下边是否绘制一下这个bar的一个shadow。这个没见过。嗯，是否是绘制。嗯，这个叫什么柱状图的背景。按他这个翻译的话呢，是这样，但感觉有点莫名其妙啊，你改成个数看着效果就知道了。呃，像这些属性啊，或者这个方法啊，就是你不知道它什么意思呢，回头你还想用啊，可能第一反应想到就是我去百度一下，那有的时候你百度还不如你自己直接改一改这个值，你看看效果改的更直接一些。能看到吧。嗯，你像这个呢，是58.0，这整个是100，这呢就叫这个shadow。嗯，就是整个一看还是一个矩形的哈，其实不太好看。所以呢，建议这个还是改成这个false啊比较好。

啊，提供这个筛，就刚才看到那个结构啊，再往下，呃，这呢叫获取X轴的对象。然后接下来呢，就是对这个X轴进行设置的啊，要设置X轴的显示位置。那这个跟我们那会说的那个折线是一样的，我就不改了啊，设置一下这个X轴的一个字体库。啊，或者叫字体啊都行。嗯，是否绘制轴的这个网格线。这个呢，我们在刚才折线里边也设置到了啊，所以我就不改了，哎，是否绘制X轴的轴线。

行，这个我们就都过了啊，下面呢，同样道理就是关于这个Y轴了啊，那就获取左边Y轴的对象。啊，然后呢，设置一下它这个字体。哎，外字体啊，下边也是同样的道理啊，设置一下这个Y轴这样的一个区间的个数，以及呢是否均匀分布。啊，跟刚才这里边说到的是同样的道理啊，我也直接就粘一下啊。这样的来设置一下space是什么意思。这个没见过啊。嗯，设置一下space top space呢就是一个空间，Top呢就是顶部距离顶部的一个空间是吧。它表示的什么意思啊。

啊，就是设置这个最大最大值吧，啊最大值。距离。呃，顶部的。啊，这个距离啊，距离顶部的距离。前面是个动词啊。啊，后面是个名词是吧。嗯，这个位置呢，比如我写成是一个零吧。保存一下啊，现目前的一个情况看一下。最高的啊，那这个最高吧，距离顶部的一个距离。啊，现在我们改成是一个零。A，应该没有距离了。你看就这样了是吧？啊，那这时候相当于你这个最大值这块啊，最大值这块呢，就是嗯，你就是这个这个线哈，如果你要画这个线，或者我们看这个筛斗的话呢，这就没有筛斗了，它这个它正好就是最大的。

你就有时候呢，你这个前面这个图表啊，如果画出个矩形来的话，那就这样了。啊，有时候顶着呢，感觉不太好看啊，那你可以让这个最大值跟这个顶部这块呢，稍微有点空间这块呢，就把这个改成就也是。嗯，我刚才是在哪，在这是吧，那就别是零了，嗯，你看右边这个坐标轴还是个20个啊。所以你这左边右边一般都是统一的，不可能这边零这边20，那你这很诡异了就哈。嗯，有啥问题。是不是好像切掉了一个啥意思，是不是最高的。啊，差一点是吧。啊，这个你在真机上跑一下看看啊，我这里边它这个清晰度它这就不太高，那正常应该是能有，嗯，就右边这个话呢，也类似的啊，我们右边呢，就不让它显示了啊设置一下，比如说改成个false那就行，跟刚才那会儿折线一样，这我就不说了。

嗯，再往下的话呢，这这个方法主要做的呢，就是提供柱状图的数据。哎，然后呢，设置一下这个字体啊，这块呢，把这个数据呢添加过来，这呢是设置Y轴方向的一个动画。这个跟我们刚才看到方向这个动画呢是一样的啊呃，相当于我们进来的时候呢，它这有一个小动画在这啊，一点击就往上一个长的哈，就是这个事。啊，那这个数据的话呢，我们看一眼在这里边提供了，呃，跟我们刚才折现呢有点类似，这呢也叫entity啊啊叫entry，只不过呢叫far ENT也是提供了一些随机数，这个就不多说了，然后呢，呃，提供在我们这呢就一组啊这个far data塔set，所以呢叫data塔SET1。

啊，对应的就是整个我们这样的一组数据啊，这呢，你看提供了这样的几种颜色，这是一套啊，如果你再添加的话呢，再来一套。就这样子，嗯，那这些数据的话呢，看一下说设置一下把space的。这叫什么啊？这是什么意思？Space。嗯，柱状图之间的一个是不是距离啊，空间的大小啊。设置相邻的柱状图之间的一个距离。一个去一。啊，这个是20，就是我们这里边儿相当于表示的呢，就是这个距离啊。这个距离系数系数度可以通过这个来反馈啊，因为这个里边呢，我们可以记改成一个，比如四十一会看看啊，然后下边呢叫s colors。

啊，设置颜色这个呢，一点进去是一个数组，一共呢是有五个颜色，实际上对应的就是我们这里边的这五个颜色。啊，这呢，五个颜色重复完以后呢，再来一套。啊，然后再来一套是这样的啊，五个为一个单位啊，一个颜色就对应这里边一个数值啊，你想改这个颜色呢，你就过来改这个数组就可以了啊，或者你自己定一个。啊，下面大家设置一下这个，呃，高亮的一个透明度。啊，透明度这呢是255啊，它表示的意思呢，就是当我们点击上的这个时候呢，你看这时候255就是完全的是不透明了。成这样就是255的一个意思啊，哎，刚才我们那会儿设置这个折线的时候呢，不是也有个高亮的一个值吗？还记得吧。在这呢？

高亮的一个颜色是吧，它这个折线这个表示的意思呢，就是在这里边，当我们点击上的时候，看这不有个颜色嘛。哎，这个颜色呢，就是叫这个高亮的啊，我这写的244偏向于红色了，所以你这样一点上去的时候，它就是这个颜色啊。就是设置这个颜色的，嗯。啊。嗯，还回过来。嗯。呃，之间的一个距离透明度，然后呢，下边呢，给它设置一下显示就可以了啊，看我这个距离改成40了，再跑一下。那这个间距呢，就大一些。那就这个情况啊，好，这呢，就是我们说的这个柱状图的一个效果。