进度条仪表盘

如下的进度条仪表盘:

image-20211229134506387

学习视频:

选择图表

image-20211229134733054

参考基础仪表盘设置

参考基础仪表盘完成数据绑定设置

调整系列最大值

将系列的最大值调整为100000.

就得到如下效果:

image-20211229134506387

百分比显示

如果我们希望数据以百分比的形式显示,则可以调整系列的仪表盘详情进行设置:

image-20211229135622562

将文本内容调整为自定义的格式:

image-20211229135911940

其中输入如下的js代码:

function(value) { 
     return numeral(value/100000).format('#.##%');
}

预览

最终展现效果如下:

image-20211229140107561

results matching ""

    No results matching ""