绘制圆饼图 ( 指示线 )
这篇教学会延伸“绘制圆饼图”教学范例，除了根据数据绘制圆饼图，还会在圆饼图里加上“指示线”以及“数据所占的百分比”。
快速导览：
打开范例
打开“绘制圆饼图”的范例，从这个范例进行修改。
替函数增加参数
编辑“绘制扇形”函数，替函数增加色相 h、彩度 d、亮度 v 以及指示 note 四个参数。
修改画笔积木，根据参数设定来调整颜色、彩度和亮度。
角色增加造型：数字与百分比
切换到角色的“造型”页签，使用文字工具绘制 0～9 以及“.”和“%”造型。
造型名称和内容设定成完全相同，例如“.”的造型名称就是“.”，“%”的造型名称就是“%”。
绘制指示线
建立一个名为“指示线”的函数，函数具有 cx、cy、r、deg1、deg2 五个参数。
“指示线”函数内容一开始先设定画笔为黑色，接着根据 deg1 和 deg2 计算两个角度的中间角度，从中间角度开始画线，从半径的 0.8 倍的位置开始画线，画到半径的 1.2 倍停止。
接着设定显示角色并调整尺寸 ( 根据个人偏好调整 )，根据 deg2-deg1 在 360 度里所占的比例，取得百分比数值，并根据百分比的数值依序取出对应的造型并在舞台里“盖章”。
回到“绘制扇形”函数，在最后判断如果 note 为 1 表示要显示指示线，就执行“指示线”函数。
继续前往“执行绘制扇形函数”的程序码区块，设定颜色相关参数数值，并将指示参数设定为 1。
最后回到点击绿旗的程序，隐藏角色并设定方向，圆饼图的程序就完成了。
完成效果
完成后点击绿旗，就会自动产生一些数据，接着根据这些数据，在舞台中画出具有指示线的圆饼图。
微信扫码关注
抖音扫码关注