diff --git a/src/views/index.vue b/src/views/index.vue index 151d0fa..224b7cd 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -102,7 +102,7 @@
- {{ item.groupName||'劳务工博物馆' }} + {{ item.groupName||'博物馆' }} 日累计人数 {{ item.allEnter }} @@ -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}
{a0}: {c0}
{a1}: {c1}
{a2}: {c2}
{a3}: {c3}
{a4}: {c4}
{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); - }); },