我正在正在制作的项目中显示圆形图。我想通过更改显示的图像URL来更新圆形图,有100个独特的图像,每个图像代表图表上的一个百分点。 URL以这样的方式设置img / circleGraph / circleG-12.png数字(在这种情况下为12)是图表显示的完成百分比。在JavaScript / jQuery中,我如何根据从数据库返回的百分比来动态显示动态显示的URL?
这是我正在处理的.Net MVC应用程序,因此完成百分比将以Razor变量作为小数返回给我。我知道我必须将此变量乘以100才能转换为整数,然后将其设置为URL的一部分,但我不确定如何处理它。
答案 0 :(得分:2)
$("img").attr("src", "/img/circleGraph/circleG-" + Math.Round(number*100) + fileExtension);
其中number
是您从数据库返回的数字,fileExtension
是图像文件的文件扩展名(.jpg,.png等等) - 感谢@Shmiddty提醒!