var first = "", second = "";
|
window.onload = function () {
|
second = decodeURI(getUrlParam("second"));
|
GetData(second);
|
btnClick();
|
var title = localStorage.getItem("typeName");
|
$(".ttitle").empty();
|
$(".ttitle").append(title);
|
}
|
|
|
function GetData(second) {
|
var color = [];
|
var dataLegend = [];
|
var dataY = [];
|
var TableName = localStorage.getItem("type");
|
var TableColor = GetCmpareTable(TableName);
|
var html = "";
|
$.ajax({
|
url: "../../../Ashx/DataQH.ashx",
|
type: "post",
|
data: { Action: "GetSearchQHData",secondLevel: second, dataTable: TableName, colorTable: TableColor },
|
dataType: "json",
|
async: false,
|
success: function (result) {
|
|
$.each(result, function (index, value) {
|
html += "<tr style='background-color:rgb(" + value.R + "," + value.G + "," + value.B + ");'><td>" + value.Name + "</td><td>" + parseFloat(value.Area).toFixed(2) + "</td><td>" + parseFloat(value.ZhouChang).toFixed(2) + "</td></tr>";
|
color.push("rgb(" + value.R + "," + value.G + "," + value.B + ")");
|
dataLegend.push(value.Name);
|
dataY.push(parseFloat(value.Area).toFixed(2));
|
})
|
DanxuanChart(color, dataLegend, dataY);
|
$(".scroll_cont1 table").empty();
|
$(".scroll_cont1 table").append("<tr><td>名称</td><td>面积</td><td>周长</td></tr>" + html);
|
|
}
|
});
|
|
}
|
|
function DanxuanChart(color, dataLegend, dataY) {
|
var dom = document.getElementById("container");
|
var myChart = echarts.init(dom);
|
option = {
|
grid: {
|
top: '5%',
|
left: '20%',
|
bottom: '12%'
|
},
|
color: color,
|
tooltip: {
|
trigger: 'axis',
|
confine: 'hidden',
|
axisPointer: {
|
type: 'shadow'
|
}
|
},
|
legend: {
|
show: false,
|
data: dataLegend
|
},
|
|
xAxis: [
|
{
|
type: 'category',
|
axisTick: { show: false },
|
axisLine: {
|
lineStyle: {
|
color: '#fff'
|
}
|
},
|
axisLabel: {
|
formatter: '{value}',
|
textStyle: { //改变刻度字体样式
|
color: '#fff'
|
}
|
},
|
data: dataLegend
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
splitLine: {
|
show: false,
|
|
},
|
axisLine: {
|
lineStyle: {
|
color: '#fff'
|
}
|
},
|
axisLabel: {
|
formatter: '{value}',
|
textStyle: { //改变刻度字体样式
|
color: '#fff'
|
}
|
}
|
}
|
],
|
series: [{
|
data: dataY,
|
barMaxWidth: 20,
|
type: 'bar'
|
}]
|
};;
|
if (option && typeof option === "object") {
|
myChart.setOption(option, true);
|
}
|
}
|
|
|
|
|
function uniq(array) {
|
var temp = []; //一个新的临时数组
|
for (var i = 0; i < array.length; i++) {
|
if (temp.indexOf(array[i]) == -1) {
|
temp.push(array[i]);
|
}
|
}
|
return temp;
|
}
|
|
|
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");
|
});
|
}
|
