大家好,我是灰熊。昨天做了仪表盘的图表,新增了这样一个效果,加了一个箭头的符号,还有字体变得更好看了。先看下效果,比如现在60%,可以看到箭头是跟着区域的变动而进行变动的,56,92。这种效果怎么做?一起来看。
如图所示,比如这边有一个圆,这个圆是半径为1的正圆。假设这边有一个角度,它对应的值的坐标就是x和y。x和y之前大学都学过,它是有一个正弦和余弦的公式。如果是半径是1,x就是cos90度减去0,y等于sin90度减去0。
通过这样的逻辑就可以用坐标的形式把点描述出来,点从0到对应的角度,x从0到对应的值,y也是从0到对应的值。它的逻辑这样的,因为这样一圈是不是代表是100%?一圈是360度对应100%,它对应的多少度数等于完成度?就这样一个完成度。
通过这样一个公式,用360度除以1,再乘以前面这样一个完成率,就得到了这样一个角度。比如现在是92,它对应的就是300多度,对应的值就用这样一个公式把它给算出来,cos等于这样一个,这个是把角度变成弧度的公式,90度减去它对应的度数,就得到这样一个cos的值,y的值也是等于sin。
把这个转换一下,得到这样一个值。去画图,先选中这个区域,点插入里面全部图表,点闪点图,点一下以后点右键选择数据,系列一和系列二,不要把系列二删掉,点编辑x轴的系列值,选中这个区域,y轴的系列值,选中这个区域,点确定,再点确定,这样是有了一个这样的效果。
·需要调整一下它的标签,标签从-1到1,最小值-1,最大值是1,这个也是从-1到1,这样大概有一个效果,但是需要把这个点给连接起来怎么办?点右键更改图表类型,改成平滑线和标记的。
·选中直线,在箭头这一块有一个末端箭头,前端箭头,选中末端箭头,把箭头给它标上,标上多调整一下,多调整几下完成率。
·先看一下它的效果,比如56,这个就变了,但是坐标还会加,还会再去调整,再选一下,坐标轴也是改成从-1到1,一直改到这边,显示重置两个字,说明已经固定了。这样再多试几下,比如12,85,这样其实已经调的差不多了。