ASP .NET MVC Bar Gauge Tag Helper

The jqx-bargauge tag helper adds a Bar Gauge component to a web page.

@{
    ViewData["Title"] = "ASP .NET MVC Bar Gauge Example";
    List<string> ranges = new List<string>()
    {
        "{ startValue: 0, endValue: 200, color: \"#000000\", opacity: 0.5 }",
        "{ startValue: 200, endValue: 250, color: \"#000000\", opacity: 0.3 }",
        "{ startValue: 250, endValue: 300, color: \"#000000\", opacity: 0.1 }"
    };
    List<double> barGaugeValues = new List<double>()
    {
        102, 115, 130, 137
    };
}
<label>ASP .NET MVC Core BarGauge Tag Helper Example</label><br/><br/>
<jqx-bargauge colorScheme="scheme02" ranges="ranges" values="barGaugeValues" width="600" height="600" max="150"></jqx-bargauge>