You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
2.3 KiB
100 lines
2.3 KiB
// var ajaxUrl = 'http://192.168.99.107:7070'
|
|
var ajaxUrl = 'http://192.168.1.100:7070'
|
|
|
|
var chartDom2 = document.getElementById('chart2');
|
|
var myChart2 = echarts.init(chartDom2);
|
|
var option2;
|
|
var typeData = []
|
|
|
|
var echartsTimer = null
|
|
// 每隔一分钟刷新档案借阅和档案类型的数据
|
|
echartsTimer = setInterval(() => {
|
|
typeData = []
|
|
option2.series[0].data = typeData
|
|
FetchInitArchivesTypeStatistics()
|
|
myChart2.setOption(option2)
|
|
}, 60000)
|
|
|
|
|
|
option2 = {
|
|
tooltip: {
|
|
// trigger: 'item',
|
|
// formatter: '{a} <br/>{b} : {c} ({d}%)'
|
|
},
|
|
legend: {
|
|
bottom: 20,
|
|
left: 'center',
|
|
icon: 'rect',
|
|
itemHeight: 14,
|
|
itemWidth: 14,
|
|
textStyle: {
|
|
color: '#fff'
|
|
}
|
|
},
|
|
series: [
|
|
{
|
|
name: '档案类型',
|
|
type: 'pie',
|
|
radius: ['20%', '60%'],
|
|
center: ['50%', '35%'], // 饼图位置
|
|
roseType: 'area',
|
|
avoidLabelOverlap: true,
|
|
labelLine: {
|
|
normal: {
|
|
length: 2, // 第一段表示线
|
|
length2: 60 // 第二段标示线
|
|
}
|
|
},
|
|
itemStyle: {
|
|
normal: {
|
|
label: {
|
|
show: true,
|
|
color: '#fff',
|
|
formatter: '{d}%' // 指示线显示百分比
|
|
}
|
|
}
|
|
},
|
|
emphasis: {
|
|
label: {
|
|
show: false
|
|
}
|
|
},
|
|
data: []
|
|
}
|
|
]
|
|
};
|
|
option2 && myChart2.setOption(option2);
|
|
|
|
FetchInitArchivesTypeStatistics()
|
|
function FetchInitArchivesTypeStatistics(){
|
|
$.ajax({
|
|
url: ajaxUrl + '/api/archives/initArchivesTypeStatistics',
|
|
type: 'GET',
|
|
data: {},
|
|
success: function (res) {
|
|
if (res.data && res.data.length !== 0) {
|
|
res.data.map(item => {
|
|
const obj = {}
|
|
obj.name = item.archivesType
|
|
obj.value = item.archivesNum
|
|
typeData.push(obj)
|
|
})
|
|
option2.series[0].data = typeData
|
|
myChart2.setOption(option2)
|
|
} else {
|
|
var str = '<div class="empty-main">'
|
|
+'<i class="empty-img"></i>'
|
|
+'<p>暂无数据</p>'
|
|
+'</div>'
|
|
$("#chart2").html(str)
|
|
}
|
|
},
|
|
error: function (err) {
|
|
console.log(err);
|
|
}
|
|
});
|
|
}
|
|
|
|
if (option2 && typeof option2 === "object") {
|
|
myChart2.setOption(option2, true);
|
|
};
|