The markup used to create a bar chart control resembles the following:
<div id="gauge" data-win-control="C1.UI.Gauge.RadialGauge" data-win-options="{cap:{type:C1.UI.Gauge.GaugeCap, radius:10, style:{type:C1.UI.Chart.ChartStyle, fill:'#1E395B', stroke:'#1E395B'}}, face:{type:C1.UI.Gauge.GaugeFace, style:{type:C1.UI.Chart.ChartStyle, fill:'r(0.9, 0.60)#FFFFFF-#D9E3F0', stroke:'#7BA0CC', strokeWidth:4}}, max:150, pointer:{type:C1.UI.Gauge.GaugePointer, length:0.8, style:{type:C1.UI.Chart.ChartStyle, fill:'#1E395B', stroke:'#1E395B'}, shape:'rect', width:6}, startAngle:-45, sweepAngle:270, tickMinor:{type:C1.UI.Gauge.GaugeTick, interval:2, offset:30, position:'inside', style:{type:C1.UI.Chart.ChartStyle, fill:'#1E395B', height:3, stroke:'#1E395B', width:10}}, tickMajor:{type:C1.UI.Gauge.GaugeTick, offset:27, position:'inside', style:{type:C1.UI.Chart.ChartStyle, fill:'#1E395B', height:4, stroke:'#1E395B', strokeWidth:1.5, width:20}}, value:80}"> </div>
Now you need to initialize the control, which you can do by adding the following script to the project:
WinJS.UI.setOptions(document.getElementById("gauge").winControl, {
});