<script>
$.ajax({
url: 'http://localhost:56999/DataScreen/Pinpai',
dadaType: 'json',
methods: 'get',
success: function (obj) {
console.log(obj.data, 111111122)
let productNameData = obj.data
let pname = []
let prductData = ['product']
let servicedata = [/*{ type: 'bar' }*/]
productNameData.forEach((item => {
/* console.log(item, 'item')*/
prductData.push(item.Name)
pname.push(item.Name)
servicedata.push({ type: 'bar' })
}))
/*prductData.push('总计')*/
/* console.log(prductData, 'name123')*/
// 获取表格元素
// 获取所有行
var rows = table.getElementsByTagName("tr");
// 存储行数据
var rowData = [];
// 遍历行
for (var i = 0; i < rows.length; i++) {
var row = rows[i];
// 获取该行的数据单元格(td)
var cells = row.getElementsByTagName("td");
var data = [];
for (var j = 0; j < cells.length; j++) {
data.push(cells[j].innerText);
}
rowData.push(data);
}
// 输出行数据
console.log(rowData, 'tabledata', pname );
let sdks = ['首单款数']
let sdsl = ['首单数量']
let bdks = ['补单款数']
let bdsl = ['补单数量']
/*pname.forEach((item, i) => {
rowData.forEach((item2, i2) => {
if (JSON.stringify(item) === JSON.stringify(item2[0])) {
//console.log(item, 'xbo1')
//console.log(item2[0], 'xbo2')
if (i == 0) {
sdks = ['首单款数', rowData[1][5], rowData[2][5], rowData[3][5], rowData[4][5]]
} else if (i == 1) {
sdsl = ['首单数量', item2[5], item2[6], item2[7], item2[8]]
} else if (i == 2) {
bdks = ['补单款数', item2[5], item2[6], item2[7], item2[8]]
} else if (i == 3) {
bdsl = ['补单数量', item2[5], item2[6], item2[7], item2[8]]
}
}
})
})*/
pname.forEach((item, i) => {
console.log(i + 1, 'i+1')
for (i2 = 0; i2 < 4; i2++) {
if (i2 == 0) {
sdks.push(rowData[i + 1][5])
} else if (i2 == 1) {
sdsl.push(rowData[i + 1][6])
} else if (i2 == 2) {
bdks.push(rowData[i + 1][7])
} else if (i2 == 3) {
bdsl.push(rowData[i + 1][8])
}
}
})
console.log(sdks, sdsl, bdks, bdsl, 39)
/*let c = pname.map((name, index) => {
let item = rowData.find(item => item[0] === name);
return [item[6], item[7], item[8], item[9]];
});*/
//console.log(c, "cccccccccc")
var myChart = echarts.init(document.getElementById('chart_top1_2'));
option = {
legend: {},
tooltip: {},
dataset: {
source: [
prductData,
sdks,
sdsl,
bdks,
bdsl
]
},
xAxis: { type: 'category' },
yAxis: {},
// Declare several bar series, each will be mapped
// to a column of dataset.source by default.
series: servicedata
};
myChart.setOption(option);
}
})
</script>