|
|
|
@ -102,7 +102,7 @@ |
|
|
|
<!-- 各场馆实时人数 cg1 --> |
|
|
|
<!-- v-for="(item, index) in 6" :key="index" --> |
|
|
|
<div class="rbitem" v-for="item in ssjgNumDatas" :key="item.groupId"> |
|
|
|
<span class="rbcgname">{{ item.groupName||'劳务工博物馆' }}</span> |
|
|
|
<span class="rbcgname">{{ item.groupName||'博物馆' }}</span> |
|
|
|
<span class="rbtitle">日累计人数</span> |
|
|
|
<!-- <span class="rbval">4,738</span> --> |
|
|
|
<span class="rbval">{{ item.allEnter }}</span> |
|
|
|
@ -182,19 +182,6 @@ export default { |
|
|
|
this.index_pie1(); |
|
|
|
}, 1000) |
|
|
|
|
|
|
|
// 首页线图 |
|
|
|
// this.home_bar(this.klqsDatas); |
|
|
|
// 折线图 |
|
|
|
// this.line_zone(); |
|
|
|
|
|
|
|
// this.addNumber(0, 345235, 'jgval1'); |
|
|
|
// this.addNumber(0, 345235, 'jgval2'); |
|
|
|
// this.addNumber(0, 345235, 'jgval3'); |
|
|
|
// this.getStat(); |
|
|
|
// this.getHomeBarData(); |
|
|
|
// this.getInfoDatas(); |
|
|
|
// this.getGcgNumDatas() |
|
|
|
// this.selitem('y') |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
btgetdata() { |
|
|
|
@ -409,17 +396,6 @@ export default { |
|
|
|
color: '#fff', |
|
|
|
}, |
|
|
|
}, |
|
|
|
// { |
|
|
|
// data: dataLenArr, |
|
|
|
// type: 'pictorialBar', |
|
|
|
// barMaxWidth: '15', |
|
|
|
// symbol: 'circle', |
|
|
|
// symbolOffset: [0, '50%'], |
|
|
|
// symbolSize: [10, 5], |
|
|
|
// color: '#fff', |
|
|
|
// zlevel: 0, |
|
|
|
// // 立体柱形的底部图形 |
|
|
|
// }, |
|
|
|
{ |
|
|
|
data: data, |
|
|
|
type: 'pictorialBar', |
|
|
|
@ -471,10 +447,6 @@ export default { |
|
|
|
option && myChart.setOption(option); |
|
|
|
function run(myChart) { |
|
|
|
that.getHomeBarData(); |
|
|
|
console.log('重新绘制'); |
|
|
|
// that.klqsDatas = that.klqsDatas.sort(function(a,b){ |
|
|
|
// return Math.random() - 0.5; |
|
|
|
// }); |
|
|
|
let max=that.klqsDatas[0]; |
|
|
|
for (let i = 0; i < that.klqsDatas.length; i++) { |
|
|
|
if (that.klqsDatas[i]>max) { |
|
|
|
@ -495,10 +467,6 @@ export default { |
|
|
|
type: 'bar', |
|
|
|
data: that.klqsDatas |
|
|
|
}, |
|
|
|
// { |
|
|
|
// type: 'pictorialBar', |
|
|
|
// data: dataLenArr |
|
|
|
// }, |
|
|
|
{ |
|
|
|
type: 'pictorialBar', |
|
|
|
data: that.klqsDatas |
|
|
|
@ -518,7 +486,7 @@ export default { |
|
|
|
myChart.clear(); |
|
|
|
option && myChart.setOption(option); |
|
|
|
run(myChart); |
|
|
|
}, 3000); |
|
|
|
}, 3600); |
|
|
|
}, |
|
|
|
|
|
|
|
// 今日各场馆服务人次趋势 |
|
|
|
@ -527,7 +495,7 @@ export default { |
|
|
|
var option; |
|
|
|
|
|
|
|
var xData = this.rsqsXData; |
|
|
|
var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc'] |
|
|
|
var gcolor = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc'] |
|
|
|
var name = [] |
|
|
|
// var data = [ |
|
|
|
// [174, 137, 135, 34, 152, 135, 140, 160, 100, 174, 137, 135, 34], |
|
|
|
@ -540,6 +508,8 @@ export default { |
|
|
|
|
|
|
|
var series = []; |
|
|
|
for (var i = 0; i < data.length; i++) { |
|
|
|
console.log(gcolor[i]) |
|
|
|
|
|
|
|
series.push({ |
|
|
|
name: this.rsqsDataName[i], |
|
|
|
type: "line", |
|
|
|
@ -551,10 +521,10 @@ export default { |
|
|
|
normal: { |
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ |
|
|
|
offset: 0, |
|
|
|
color: color[i] |
|
|
|
color: gcolor[i] |
|
|
|
}, { |
|
|
|
offset: 0.8, |
|
|
|
color: 'rgba(255,255,255,0)', |
|
|
|
color: '#fff', |
|
|
|
}], false), |
|
|
|
// shadowColor: 'rgba(255,255,255, 0.1)', |
|
|
|
shadowBlur: 10, |
|
|
|
@ -563,12 +533,12 @@ export default { |
|
|
|
}, |
|
|
|
itemStyle: { |
|
|
|
normal: { |
|
|
|
color: color[i], |
|
|
|
color: gcolor[i], |
|
|
|
lineStyle: { |
|
|
|
width: 1, |
|
|
|
type: 'solid' //'dotted'虚线 'solid'实线 |
|
|
|
}, |
|
|
|
borderColor: color[i], //图形的描边颜色。支持的格式同 color |
|
|
|
borderColor: gcolor[i], //图形的描边颜色。支持的格式同 color |
|
|
|
borderWidth: 8,//描边线宽。为 0 时无描边。[ default: 0 ] |
|
|
|
barBorderRadius: 0, |
|
|
|
label: { |
|
|
|
@ -581,6 +551,8 @@ export default { |
|
|
|
|
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
// setting option |
|
|
|
option = { |
|
|
|
// backgroundColor: "#141f56", |
|
|
|
legend: { |
|
|
|
@ -617,9 +589,9 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
formatter: '{b}<br />{a0}: {c0}<br />{a1}: {c1}<br />{a2}: {c2}<br />{a3}: {c3}<br />{a4}: {c4}<br />{a5}: {c5}', |
|
|
|
backgroundColor: 'rgba(0,0,0,0.7)', // 背景 |
|
|
|
backgroundColor: '#000', // 背景 |
|
|
|
padding: [8, 10], //内边距 |
|
|
|
extraCssText: 'box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);', //添加阴影 |
|
|
|
extraCssText: 'box-shadow: 0 0 3px #fffff;', //添加阴影 |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
borderWidth: 0, |
|
|
|
@ -667,13 +639,13 @@ export default { |
|
|
|
axisLine: { |
|
|
|
show: true, |
|
|
|
lineStyle: { |
|
|
|
color: '#0B0765 ', |
|
|
|
color: '#0B0765', |
|
|
|
} |
|
|
|
}, |
|
|
|
splitLine: { |
|
|
|
show: true, |
|
|
|
lineStyle: { |
|
|
|
color: '#0B0765 ', |
|
|
|
color: '#0B0765', |
|
|
|
} |
|
|
|
}, |
|
|
|
axisLabel: { |
|
|
|
@ -687,21 +659,21 @@ export default { |
|
|
|
}, |
|
|
|
series: series, |
|
|
|
} |
|
|
|
function run(myChart){ |
|
|
|
// 获取新数据-处理 |
|
|
|
myChart.setOption({ |
|
|
|
series: series |
|
|
|
}); |
|
|
|
} |
|
|
|
setTimeout(()=>{ |
|
|
|
// function run(myChart){ |
|
|
|
// // 获取新数据-处理 |
|
|
|
// myChart.setOption({ |
|
|
|
// series: series |
|
|
|
// }); |
|
|
|
// } |
|
|
|
// setTimeout(()=>{ |
|
|
|
var myChart = echarts.init(chartDom); |
|
|
|
option && myChart.setOption(option); |
|
|
|
setInterval(function () { |
|
|
|
myChart.clear(); |
|
|
|
option && myChart.setOption(option); |
|
|
|
run(myChart); |
|
|
|
}, 1000); |
|
|
|
}, 1000) |
|
|
|
// setInterval(function () { |
|
|
|
// myChart.clear(); |
|
|
|
// option && myChart.setOption(option); |
|
|
|
// run(myChart); |
|
|
|
// }, 600); |
|
|
|
// }, 600) |
|
|
|
}, |
|
|
|
|
|
|
|
addNumber(start, end, id) { |
|
|
|
@ -761,8 +733,6 @@ export default { |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
console.log(groupsData, 'groupsData', that.dataP); |
|
|
|
|
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
|
453530270@qq.com
3 years ago