
JS代码是这样的:
<script src="~/Scripts/RGraph.common.core.js"></script>
<script src="~/Scripts/RGraph.bar.js"></script>
<script>
var arrName = new Array();//医院名称 Y
var arrY = new Array();//Y轴 Xzhou
var arrX = new Array();//X轴 中心轴
function window_onload() {
$.ajax({
type: "POST",
url: "/DataSupervise/Getstr",
dataType: "JSON",
contentType: "application/json; charset=utf-8",
success: function (data) {
var dataobj = eval(data); //转换为json对象
$.each(dataobj, function (i, item) {
// var a = "<a href = '/DataSupervise/PurchaseMoneystatistics?id=" + item.HospitalGuid + "'>" + item.CompanyName + "</a>";
//var b = '<a href = \"/DataSupervise/PurchaseMoneystatistics?id='+item.HospitalGuid+'\">'+item.CompanyName+'</a>'
arrName[i] = item.CompanyName;
arrX[i] = item.SumPrice;
});
//绘制柱状图,指定数据
// arrY = ['1000', '2000', '3000', '4000', '5000'];//采购额
//arrX = [100, 2500];//显示的数字
myGraph = new RGraph.Bar('myCanvas', arrX);
//指定统计图标题
myGraph.Set('chart.title', '各医院采购额统计图');
//指定X轴标题
myGraph.Set('chart.title.xaxis', '');
//指定Y轴标题
myGraph.Set('chart.title.yaxis', '');
//指定X轴的坐标轴文字
myGraph.Set('chart.labels', arrName);
//指定Y轴的坐标轴文字
myGraph.Set('chart.ylabels.specific');
myGraph.Set('chart.labels.above', true);
//指定网格自动与坐标轴单位对齐
myGraph.Set('chart.background.grid.autofit', true);
myGraph.Set('chart.background.grid.autofit.align', true);
//指定标签文字所使用的空间尺寸
myGraph.Set('chart.gutter', 85);
//myGraph.Set('chart.tooltips.event', Oncl());
//绘制柱状图
myGraph.Draw();
}
});
}
</script>
<body onload="window_onload()">
<div style="margin-left: 80px;margin-top:10px">
<canvas id="myCanvas" width="700" height="400">[您的浏览器不支持canvas元素]
</canvas>
</div>
</body>