/// <summary> /// You can supply any of the parameters you like. You must supply either 'percentage' (as a whole number out of 100) or 'amount' and 'outOfTotal' parameters. /// </summary> /// <example> /// <%=Beweb.Html.BarGraph(percentage:project.PercentOfBudget.ToInt(0), amount:actualHours, showAmount:true, decimalPlaces:1) %> /// <%=Beweb.Html.BarGraph(amount:totalHoursUsed, outOfTotal:totalHoursPurchased, showPercentage:true) %> /// </example> public static string BarGraph(decimal?amount = null, decimal?outOfTotal = null, bool showPercentage = false, bool showAmount = false, bool showOutOf = false, decimal?percentage = null, string label = null, int decimalPlaces = 0) { /* You need to add the following CSS to your stylesheet. * .svyBarGraph { width: 150px; } * .svyBarGraphLabel { position: absolute;color:white;margin-left: 5px; } * .svyBarGraphOuter { width:50px;background:#333;float:left;margin-right:10px;height:18px;border-radius: 5px; } * .svyBarGraphInner { background:green;height:14px;margin-top:2px;margin-left:2px;border-radius: 4px; } */ if (percentage == null && amount != null && outOfTotal != null) { percentage = Numbers.Floor(Numbers.SafeDivide(amount.Value, outOfTotal.Value) * 100); } else if (percentage == null) { percentage = 0; } if (showAmount && amount == null) { throw new BewebException("Html.BarGraph: You need to supply 'amount' parameter if you set 'showAmount' to true."); } if (showOutOf && outOfTotal == null) { throw new BewebException("Html.BarGraph: You need to supply 'outOfTotal' parameter if you set 'showOutOf' to true."); } if (label.IsBlank()) { if (showAmount) { label = Fmt.Number(amount, decimalPlaces); if (showOutOf) { label += " of " + Fmt.Number(outOfTotal, decimalPlaces); } if (showPercentage) { label += " (" + Fmt.Percent(percentage, decimalPlaces) + ")"; } } else if (showPercentage) { label = Fmt.Percent(percentage, decimalPlaces); } } var html = new HtmlTag("div").Add("class", "svyBarGraph"); var labelSpan = new HtmlTag("span").Add("class", "svyBarGraphLabel").SetInnerText(label); var barOuter = new HtmlTag("div").Add("class", "svyBarGraphOuter"); var barInner = new HtmlTag("div").Add("class", "svyBarGraphInner").Add("style", "width:" + Fmt.Number(percentage, 0, false) + "%"); barOuter.AddTag(barInner); html.AddTag(labelSpan); html.AddTag(barOuter); return(html.ToString()); }