以下两个图可用于显示进度或进度的详细信息。图1使用CSS绘制进度栏。图2使用帆布绘制区域图。
有三个参数通过
电流电流值MaxVal最大状态1上升|2下降
要点是要绘制每个左右的一半，然后使用旋转来隐藏，然后使用当前值的当前值来计算进度并执行旋转显示。
左右的一半如下所示：
注意：NO1：如果当前值大于最大值的50％，则证明左侧和右侧需要计算显示进度
NO2：当您来到这里时，它证明了当前值的一半小于最大值。您只需要显示左侧的进度
NO3：圆360度 /最大值 *
在这里跟随我的方法是设置一个相同尺寸的盒子以定位它，并将其设置为一个圆圈，以便将其与进度栏进行比较，然后将其进行比较根据当前值旋转，可以准确遵循进度条。
电流电流值MaxVal最大值sourcedata数值分布情况
我在这里的方法是先制作一个食谱，然后根据传输数据转换为棱镜形状。
帆布将在手机上变得模糊。在这里，我们首先放大了画布，并将其减少以解决模糊问题。其他人是一些绘画线路操作。
在演示或更高版本上方的两个演示是通过Uni-App开发的。如果您需要启动它，则可以使用Hbuilder运行。