用RGraph画的柱状图,在X轴显示的数据怎么加超链接?

qq_35895516 2016-08-19 10:55:24

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>
...全文
1031 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

4,818

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 图表区
社区管理员
  • 图表区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧