For the time being you can utilize the Kendo UI charting scripts (http://demos.telerik.com/kendo-ui/bullet-charts/index) and API that RadHtmlChart use, in order to render a bullet chart:
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<script>
function createChart() {
$telerik.$("#chart").kendoChart({
legend: {
visible: false
},
series: [{
type: "bullet",
data: [[750, 762.5]]
}],
chartArea: {
margin: {
left: 0
}
},
categoryAxis: {
majorGridLines: {
visible: false
},
majorTicks: {
visible: false
}
},
valueAxis: [{
plotBands: [{
from: 715, to: 752, color: "#ccc", opacity: .6
}, {
from: 752, to: 772, color: "#ccc", opacity: .3
}],
majorGridLines: {
visible: false
},
min: 715,
max: 795,
minorTicks: {
visible: true
}
}],
tooltip: {
visible: true,
template: "Maximum: #= value.target # <br /> Average: #= value.current #"
}
});
}
function pageLoad() {
createChart();
}
</script>
<div id="chart"></div>
<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" style="display:none;"></telerik:RadHtmlChart>
</form>