165 lines
7.0 KiB
Plaintext
165 lines
7.0 KiB
Plaintext
|
|
@{
|
|
ViewBag.Title = "传染病病种月份发病分析";
|
|
}
|
|
<table style="width:100%" class="t1">
|
|
<tr>
|
|
<td width="100px" class="ltd">选择月份：</td>
|
|
<td width="120px" class="rtd"><input id="bdt" onclick="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM'})" class="Wdate" /></td>
|
|
<td class="rtd"><input id="cx" value="查询" type="button" class="l-button" /></td>
|
|
</tr>
|
|
</table>
|
|
<div style="width:800px;float:left;height:250px; background-color: #ffffff;
|
|
box-shadow: 0px 4px 12px rgba(34, 25, 25, 0.2);
|
|
margin: 0.25rem;
|
|
margin-top: 0.5rem;" id="chart"></div>
|
|
<div style="clear:both"></div>
|
|
<div id="grid"></div>
|
|
@section scripts{
|
|
<script src="@Url.Content("~/Scripts/echarts.min.js")"></script>
|
|
<script src="@Url.Content("~/Scripts/macarons.js")"></script>
|
|
<script src="@Url.Content("~/Scripts/datetime/WdatePicker.js")"></script>
|
|
<script type="text/javascript">
|
|
|
|
var echart;
|
|
$(function () {
|
|
echart = echarts.init(document.getElementById("chart"), "macarons");
|
|
var sftjoption = {
|
|
title: {
|
|
text: "传染病病种月份发病分析"
|
|
}
|
|
};
|
|
echart.setOption(sftjoption);
|
|
$("#grid").ligerGrid({
|
|
title: "传染病病种月份发病分析",
|
|
width: "98%", height: "98%", data: { Rows: [] },
|
|
columns: [
|
|
{ name: "fl", display: "分类", width: 200, align: "left" }
|
|
, { name: "bq", display: "本期人数", width: 200, align: "right" }
|
|
, { name: "nl", display: "去年同期人数", width: 200, align: "right" }
|
|
, { name: "sy", display: "上月人数", width: 200, align: "right" }
|
|
], usePager: false
|
|
|
|
});
|
|
$("#cx").bind("click", function () {
|
|
if (!$("#bdt").val())
|
|
{
|
|
$.ligerDialog.alert("月份不能为空!");
|
|
return;
|
|
}
|
|
$.ajax({
|
|
url: "@Url.Action("getcrbbzydfx")", type: "post", datatType: "json", data: { bdt: $("#bdt").val() }
|
|
, success: function (data) {
|
|
$.ligerDialog.closeWaitting();
|
|
data = $.parseJSON(data);
|
|
liger.get("grid").set("data", data);
|
|
var x = [];
|
|
var y = [];
|
|
var y1 = [];
|
|
var y2 = [];
|
|
for (var i = 0; i < data.Rows.length; i++) {
|
|
x.push(data.Rows[i].fl);
|
|
y.push(data.Rows[i].bq);
|
|
y1.push(data.Rows[i].nl);
|
|
y2.push(data.Rows[i].sy);
|
|
}
|
|
var op = {
|
|
title: {
|
|
text: "传染病病种月份发病分析",
|
|
subtext: $("#bdt").val()
|
|
}
|
|
,
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
legend: {
|
|
data: ['本月', '去年', '上月']
|
|
}, toolbox: {
|
|
show: true,
|
|
feature: {
|
|
mark: { show: true },
|
|
dataView: { show: true, readOnly: false },
|
|
magicType: { show: true, type: ['line', 'bar'] },
|
|
restore: { show: true },
|
|
saveAsImage: { show: true }
|
|
}
|
|
},
|
|
calculable: true, xAxis: [
|
|
{
|
|
type: 'category',
|
|
data: x
|
|
}
|
|
],
|
|
yAxis: [
|
|
{
|
|
type: 'value'
|
|
}
|
|
],
|
|
series: [
|
|
{
|
|
name: '本月',
|
|
type: 'bar',
|
|
data: y,
|
|
markPoint: {
|
|
data: [
|
|
{ type: 'max', name: '最大值' },
|
|
{ type: 'min', name: '最小值' }
|
|
]
|
|
},
|
|
markLine: {
|
|
data: [
|
|
{ type: 'average', name: '平均值' }
|
|
]
|
|
}
|
|
}, {
|
|
name: '去年',
|
|
type: 'bar',
|
|
data: y1,
|
|
markPoint: {
|
|
data: [
|
|
{ type: 'max', name: '最大值' },
|
|
{ type: 'min', name: '最小值' }
|
|
]
|
|
},
|
|
markLine: {
|
|
data: [
|
|
{ type: 'average', name: '平均值' }
|
|
]
|
|
}
|
|
}, {
|
|
name: '上月',
|
|
type: 'bar',
|
|
data: y2,
|
|
markPoint: {
|
|
data: [
|
|
{ type: 'max', name: '最大值' },
|
|
{ type: 'min', name: '最小值' }
|
|
]
|
|
},
|
|
markLine: {
|
|
data: [
|
|
{ type: 'average', name: '平均值' }
|
|
]
|
|
}
|
|
}
|
|
]
|
|
};
|
|
echart.setOption(op);
|
|
|
|
|
|
}
|
|
, error: function (d) {
|
|
$.ligerDialog.closeWaitting();
|
|
$.ligerDialog.alert(d.responseText);
|
|
}
|
|
, beginSend: function () {
|
|
$.ligerDialog.waitting("正在分析请稍后……");
|
|
}
|
|
});
|
|
|
|
});
|
|
});
|
|
</script>
|
|
}
|
|
|