sgworld = window.external.createSgworld();
|
window.onload = function () {
|
//获取需要查询的参数
|
|
var parmType = localStorage.getItem("type");
|
var type = getUrlParam("Type");
|
if (type == "All") {
|
//查询当前灾害点
|
var htmlAll = "";
|
$.ajax({
|
url: "../../../Ashx/DataDZZH.ashx",
|
type: "post",
|
data: { Action: "GetDZZH"},//81258c6425be4694af2575731f4e8831
|
dataType: "json",
|
async: true,
|
success: function (result) {
|
try{
|
|
}catch(e){
|
alert(e);
|
}
|
if (result == null) {
|
$("#container").empty();
|
$("#container").append("<table><tr><td>暂无数据</td></tr></table>");
|
$("#dataTable").empty();
|
$("#dataTable").append("<table><tr><td>暂无数据</td></tr></table>");
|
return false;
|
}
|
var dataX = [];
|
var dataY = [];
|
$.each(result, function (index, value) {
|
var html = "";
|
if (value.LEIXING == "B") {
|
dataX.push("崩塌");
|
html = "<td>崩塌</td>";
|
}
|
else if (value.LEIXING == "H") {
|
dataX.push("滑坡");
|
html = "<td>滑坡</td>";
|
}
|
else if (value.LEIXING == "Q") {
|
dataX.push("不稳定点");
|
html = "<td>不稳定点</td>"
|
}
|
dataY.push(value.NUMBER);
|
htmlAll += "<tr>" + html + "<td>" + value.NUMBER + "</td></tr>"
|
|
|
});
|
InitChart(decodeURIComponent(getUrlParam("urlName")), dataX, dataY);
|
$("#dataTable").empty();
|
$("#dataTable").append("<table><tr><td>类型</td><td>数量</td></tr>" + htmlAll + "</table>");
|
}
|
});
|
|
}
|
btnClick();
|
|
}
|
|
function InitChart(title, dataX, dataY) {
|
var minY = Math.min.apply(null, dataY);
|
var maxY = Math.max.apply(null, dataY);
|
|
var dom = document.getElementById("container");
|
var myChart = echarts.init(dom);
|
var app = {};
|
option = null;
|
option = {
|
//title: {
|
// text: title,
|
// left: 'center',
|
// textStyle: {
|
// color: '#fff'
|
// }
|
|
//},
|
grid: {
|
top: '10%',
|
left: '15%',
|
right: '5%',
|
bottom: '12%'
|
},
|
backgroundColor: '#000000',
|
color: ["#1A88C8"],
|
tooltip: {
|
trigger: 'axis',
|
axisPointer: {
|
type: 'shadow'
|
}
|
},
|
xAxis: {
|
type: 'category',
|
data: dataX,
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
}
|
|
},
|
yAxis: {
|
type: 'value',
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
},
|
splitLine: {
|
show: false
|
},
|
max: Math.round(maxY + 50),
|
min: ((Math.round(minY - 50) < 0) ? 0 : Math.round(minY - 50))
|
},
|
series: [{
|
data: dataY,
|
type: 'bar',
|
barMaxWidth: 30,
|
|
}]
|
};;
|
if (option && typeof option === "object") {
|
myChart.setOption(option, true);
|
}
|
}
|
|
|
|
function btnClick() {
|
$(".chartBtn").click(function () {
|
$("#container").css("display", "block");
|
$("#dataTable").css("display", "none");
|
$(".dataBtn").css("color", "#ffffff");
|
$(".chartBtn").css("color", "aqua");
|
});
|
|
$(".dataBtn").click(function () {
|
$("#container").css("display", "none");
|
$("#dataTable").css("display", "block");
|
$(".dataBtn").css("color", "aqua");
|
$(".chartBtn").css("color", "#ffffff");
|
});
|
}
|
