day07_131_尚硅谷_硅谷p2p金融_饼状图的实现

打开我们这个结构，首先呢，也是来设置一下这个布局，那布局的话呢，可以想象的就是跟其实前面这几个呢都类似。啊，找到我们这个柱状图的这个，我把它们CTRL一下。哎，粘过来粘到我们这个丙路丙图这个位置上啊，粘过来，哎，主要改的呢，就是这样的一个组件。那你就猜一下呗，猜的就是派吧，哎，确实就是它。啊，这个呢，你打不准，或者你写这个不对，那肯定不是用它，你再回到我们，呃，参照人家这个代码里边。啊，找到人家这里边这呢是一个线性的啊。找到它的上面这个结构。上来以后呢，当你模以三除以，呃，这个等于二的时候呢，哎，找到它，它这里边呢，再找它的这个布局点进来啊，这个就是排查。哎，所以呢，这个就是它啊嗯，找到它以后的话呢，我们还是回到咱们的这个同这啊先奥shift，哎，这个先进来把这个改一下啊。

嗯。是不是S？啊，这个先干掉这个关于抬头呢，跟前面这个设置呢类似，都粘一下。饼状图的一个代啊，OK，呃，然后的话呢，我们具体来看一下这个in的data塔应该怎么去写，还是呢，照着它这个里边去写。啊，照着人家这个来啊，那就是从这块儿粘一下，一直粘到这CTRLC。嗯，往这就粘。啊，后段这块呢，还是同样的处理。In rile。做一个替换。行，嗯，接着的话呢，还是这个字体库还是一样的处理方式。

啊，你也可以不要删了也行。呃，下面呢，还是关于这个数据的一个提供问题，跟原来的套路呢，还是一样的。找到他这里边通过这个方法调的，把这个方法这个粘过来。那这个方法里边又叫了，叫get一个quarters，就是下边这个，所以一块展览。写到最后吧。行，这呢还有一个参数，这个参数呢，其实它也没有用啊，这个我们也就直接删掉了，将这个方法比说C。回过去呢，用一下。啊，派的一个塔，CTRLC这呢做替换。

啊，CTRL对CTRLS搞定啊，这个饼图呢，我们就做好了，简单说一下跟前面这个不同的这个属性的一个意思。啊，设置字体库不多说了啊，设置一个描述这些同样的道理，我们也简单写是吧，比如安卓这个厂商。2016年。这个占有率。手机占有率。这样的一个情况啊。哎，上来一个就没见过啊，因为这是个饼图了哈，跟这个那种创建方式呢就不太一样了，这个呢就要设置这个readus，这呢又设置这个的一个read都是一个圆。52 57。先跑一下，看看我们目前的一个效果是什么。

好，就是这样的一个情况啊，这呢我们放到这边。嗯，这个的描述就放在这儿了，然后呢，这有一个圆的半径，下面还有一个圆的半径，一个52，一个57，它所表示的是这里边的哪个呢。整个好几个圆，这几个圆。就是说两实际上是有三个。你看这是不是有到这一个边，这时候还有边呢，哎，然后这一个边，哎52呢，实际上是到这个，哎57呢。是这。就稍微有点这个阴影的这样一个啊，就看着比较有立体感。所以这个数值呢，如果我整的大一点，77。那可能看起来就不是太好看了啊，就这呢是五十二七十七呢，可能就跑这了，中间这个就有点大，一会我们看看这个纸啊，你可以这呢描述成就是最内层的圆的半径。嗯，这个呢，你可以看成叫包裹内层。

啊，圆的一个。这个叫什么，哎就行，我就这样写吧，就是你大概能理解啊，就是体现出来稍微有这么一个立体效果一样的，这个稍微淡一些的这个圆的半径，哎，再往下设置一下这个中间的文本，你看目前呢，写的是。就他啊这个呢，我们可以改一改。安卓。嗯。来一个杠。嗯，厂商占比这样。然后下面呢，就是设置一下中间的这个文本的一个字体，一个字体库不写了哈，设置中间这个字体的一个大小，就是你中间的这块的字体的一个大小。嗯，是否使用。是否使用这个叫什么呀，百分比是吧。

百分比。啊，百分比的话呢，就是我们看到的这里边呢，都写的是百分之多少，百分之多少，百分之多少，是否使用这写的是个处，那如果我改成是个false。那又会怎样？嗯，这个目前自己颜色是个白色的，等一下也可以改。哎，你看这个时候是70多了啊，改成这个false以后呢，发现这不还是百分数吗。式是吧，哎，发现呢，这个改成false以后呢，诶这怎么没有变呢？哎，主要是因为我们下边这块呢，设置一下你这个值的一个，哎，相当于一个形式哈，或者一个format，哎标准格式我这呢写的是一个百分比的形式，所以说你改成true跟false呢，都是百分数，但是这块有什么区别呢？区别在这啊，我改成这个true的话呢，那我们这里边一共是提供了有四个count。

那这四个的这个加起来的百分数和是100%。哎，改成是一个false，你看这就直接92%了。这是五五十六十啊，看不太清楚了，这一家肯定都超过100%了。所以这里边儿这个是处的一个意思呢。来表示各部分。啊，在这个百分比的和。但是100%。哎，Fourth，那就不是了。这要注意这个问题哈，然后下边这块呢，就是产生一下你这个呃四块这个count的一个数据的，呃，调下边这个方法啊，我们等下再说，然后这个数据的话呢，呃使用的是百分数的表示，这个我也就不看了啊，设置这个字体。哎，就是我们这里边儿呢，涉及到的这个字体。嗯，接下来设置一下这个显示字体的一个大小，用的是11啊float的就是这个字体大小，设这个字体颜色用的是白色的，不好看哈，看成是个红的哈。

功能还稍微明显一点。嗯，就这样的啊，再跑一下。好，然后这里边呢，就是产生这个数据的这个事情，我们呢，先往下这块再搂一眼啊。这个让他先跑出来看一下刚才的一个更改，这不就改成红的了啊，那此时呢，你加起来就是100%。行，那看一下它产生这个数据中间呢，这块是一共有四部分啊，还是四个随机数。啊，这呢是一个派塔塞啊，这里几个塔，这呢我们有具体写这个值了，因为我这也就一个丙啊，然后设置一下这个叫sli space。这个是什么意思啊？Slice就是每一部分，因为我们这不有四块嘛啊，每一部分就是一个slice哈，它的一个空间就是这里边呢，相邻的两个。

之间是不是有点距离啊？那就是这个二啊。啊，Space between space是不是就是它们之间的距离，这应改成12，诶，它这个间距就大一些啊。描述一下相邻这个模块啊，这样吧，这个间距啊。啊，剩下这个颜色，这呢，仍然是掉了一个现成的一个数组，那五个颜色，但是我们这儿呢，没有提供五部分，就四部分，那就用其中四部分的颜色就行啊前四个。啊，然后下边的话呢，就是产生counts，相当于原来的这个横坐标也啊这块不叫横坐标了，就一共有四块，含1234看就是对应的这里边的这四块。这四块啊，这这是关于这个数据，然后回过去呢，后边呢，还有一块这块。哎，这块还有一些参数啊。嗯，这个视图get legend。这是什么呀？它这个结构呢，获取到的呢，就是我们这个主室里边的这块结构啊。

他呢，对应的就是这个。要理解他。嗯，就是去描述你这个饼状图的这个结构啊。嗯，获取这个我们还不太好描述了啊，这个我就写成叫哎右上角。啊，这个描述结构。这样的一个对象啊，然后呢，设置它的一个显示位置，这时候呢，我们设置成是这个右上角了，你也可以改哈，嗯，设置一下它这个叫嗯，YN垂的一个space。猜一下。Y entry的space。N垂每一块是不是就是个N垂啊。嗯，每一个人群呢，在Y轴方向上的一个space。哎，那就是相邻的。这个N垂之间的间距啊，相邻的N垂在Y轴上的。

这个检举。啊，这里边写个零，我们给个十这样啊，然后再下面。哎，设置Y轴方向的一个offset啊，那就是最顶端的这个N垂。啊，距离。嗯，对，嗯。顶端的这个最顶端就是第一个吧。第一个en。啊，距离最顶端的一个间距。啊，这里边写了一个零，这我们给一个30，比如说。来跑一下。

嗯，这里边儿呢，我们看到这个间距变大了，这个间距呢，就是十。啊，30呢表示的就是呃，它上边这块呢，是有一个最顶端的啊，顶端的距离你最第一个这个N垂呢，这个距离是30。那刚才我们设置的是12啊，设置成是一个。还设置一下他们这个S力之间的一个间距。哎，变成12了，是不是我们看到这个间距呢，就变大了。这样啊，这个可能不太好看，这你就让他就小一点就行。啊，这两样啊，然后这呢，这是这四部分，四部分的话呢，在这里边呢，就是呈现出来的就是这个ES22ND，那这个呢，你也可以给它去做一个调整，比如让这改成哎这个手机的一个占比嘛，咱们有这块写个三星。在安卓里边，除了三星后边这几个呢，基本上就没有别的这个品牌事了啊。华为。嗯。华为，OPPOOPPO现在比VIVO好一点哈。

嗯，然后再后边就小米了，原来小米能排这个。260排第二是吧，现在跑到其他里边了啊。这两个呢？大家都都觉得是一家是吧。其实这两家现在打的特别厉害啊。就他们的前身其实都是那个步步高是吧。以前那个步步高手机，而且是不包那个老大出来以后一共带了，我还专门查了查那个历史函，那个老大出来一共带了三个人。呃，三个人呢，一个人就是负责OPPO这块了，另外一个人就是做到VIVO这块，还有一个呢，就做那个什么点读机呀，妈妈不用担心我的学习啊是吧，哎，一共这么三个人，一个人坐一块儿，然后这三块呢，是有一个最最终的这个老大，然后后来这个这个老大这个股份呢，就是不断的被稀释，就是其实他占的这这些股份都比较小，那他们之间的营销这个思路呢，就跟这个老大的思路都比较一样，所以你看到他们都都一样的这种。

这种这种营销方式啊，但其实他们已经是比较明显的竞争关系了。啊，这关于这个图示这块呢，我们就都讲完了。