百度数据可视化Sugar

    进度条、环形进度条

    进度条有两种展示形式:

    • 水平进度条

    图片

    • 环形进度条

    图片

    水平进度条的自定义颜色

    水平进度条默认的颜色是跟随主题的,如果打开了自定义颜色,则可以设置文字提示颜色,进度条背景色,以及进度条渐变的颜色和各颜色所占的百分比:

    图片

    环形进度条的自定义颜色

    环形进度条默认的颜色是跟随主题的,如果打开了自定义颜色,则可以设置文字提示颜色,进度条背景色,以及进度条颜色:

    图片

    进度条的数据绑定

    图片

    进度条的高级设置

    高级设置中,可以调整进度条的粗细,文字提示的文字风格,近似保留的小数位数:

    图片

    其中自定义总值是针对后端提供的数据不是百分比而是真实数据值的,在这里定义这个数值的总值,进度条图表可以帮你算出来百分比。

    如果你想在文字提示部分不显示百分比而显示真实数据值,打开显示真实值即可。

    上一篇
    水球图
    下一篇
    地图