xioayue
/
btgym
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

本地无数据兼容

lite
luyisha 3 years ago
parent
210a6c1556
commit
ba20f5cd0a
3 changed files with 137 additions and 194 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/cultrue/index.vue
  2. 83
      src/views/index.vue
  3. 26
      src/views/ty/index.vue

2
src/views/cultrue/index.vue
View File

@ -592,7 +592,7 @@ export default {
return arr;
}
console.log(getSymbolData(data), '-----');
// console.log(getSymbolData(data), '-----');
option = {
// backgroundColor: '#000000',
grid: {

83
src/views/index.vue
View File

@ -502,17 +502,19 @@ export default {
var chartDom = document.getElementById("kl-line");
var option;
var xData = this.rsqsXData;
var gcolor = ['#ff9acc', '#6666FF', '#FF6600', '#02ff00', '#00ffff', '#fdff00']
function run(myChart){
// 获取新数据-处理
that.getGcgNumDatas();
setTimeout(() => {
var xData = that.rsqsXData;
var gcolor = ['#ff9acc', '#6666FF', '#FF6600', '#02ff00', '#00ffff', '#fdff00'];
var data = this.rsqsData_z;
var data = that.rsqsData_z;
var series = [];
for (var i = 0; i < data.length; i++) {
// console.log(gcolor[i])
series.push({
name: this.rsqsDataName[i],
name: that.rsqsDataName[i],
type: "line",
symbolSize: 3,//标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10[ default: 4 ]
symbol: 'circle',//标记的图形。ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
@ -552,7 +554,6 @@ export default {
})
}
// setting option
option = {
// backgroundColor: "#141f56",
@ -660,72 +661,14 @@ export default {
},
series: series,
}
function run(myChart){
// 获取新数据-处理
that.getGcgNumDatas();
setTimeout(() => {
var xData = that.rsqsXData;
var gcolor = ['#ff9acc', '#6666FF', '#FF6600', '#02ff00', '#00ffff', '#fdff00'];
var data = that.rsqsData_z;
var series = [];
for (var i = 0; i < data.length; i++) {
// console.log(gcolor[i])
series.push({
name: that.rsqsDataName[i],
type: "line",
symbolSize: 3,//标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10[ default: 4 ]
symbol: 'circle',//标记的图形。ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
smooth: true, //是否平滑曲线显示
showSymbol: false, //是否显示 symbol, 如果 false 则只有在 tooltip hover 的时候显示
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: gcolor[i]
}, {
offset: 0.8,
color: '#fff',
}], false),
// shadowColor: 'rgba(255,255,255, 0.1)',
shadowBlur: 10,
opacity: 0.3,
}
},
itemStyle: {
normal: {
color: gcolor[i],
lineStyle: {
width: 1,
type: 'solid' //'dotted'虚线 'solid'实线
},
borderColor: gcolor[i], //图形的描边颜色。支持的格式同 color
borderWidth: 8,//描边线宽。为 0 时无描边。[ default: 0 ]
barBorderRadius: 0,
label: {
show: false,
},
opacity: 0.5,
}
},
data: data[i],
})
}
myChart.setOption({
xAxis: [{data: xData}],
series: series
});
}, 2000);
option && myChart.setOption(option);
}, 200);
}
setTimeout(()=>{
var myChart = echarts.init(chartDom);
option && myChart.setOption(option);
run(myChart);
setInterval(function () {
myChart.clear();
option && myChart.setOption(option);
run(myChart);
}, 3000);
}, 200)
@ -786,6 +729,7 @@ export default {
let that = this
homeApi.allInfoDatas().then(res => {
// return;//Cannot read properties of undefined (reading 'returnData')
if(res.data){
that.ssjgNumDatas = res.data.returnData
console.log(that.ssjgNumDatas, 'that.ssjgNumDatas')
that.ssjgNumDatas.forEach(item => {
@ -797,8 +741,7 @@ export default {
this.$refs.proportionbox.addClass('rbrate3')
}
})
}
});
},

26
src/views/ty/index.vue
View File

@ -62,11 +62,11 @@
<div class="c_title">24小时进馆人数</div>
<div class="c_l" id="animationA"></div>
<div class="c_r">
<span class="c_r_num">{{ cgdata[0].gval }}</span>
<span class="c_r_num">{{ cgdata[0]&&cgdata[0].gval }}</span>
<span class="c_r_txt">体育场</span>
<span class="c_r_num">{{ cgdata[1].gval }}</span>
<span class="c_r_num">{{ cgdata[1]&&cgdata[1].gval }}</span>
<span class="c_r_txt">体育馆</span>
<span class="c_r_num">{{ cgdata[2].gval }}</span>
<span class="c_r_num">{{ cgdata[2]&&cgdata[2].gval }}</span>
<span class="c_r_txt">游泳场馆</span>
</div>
@ -96,7 +96,7 @@
</span>
</div>
<div class="venue_proportion_bo">
<span> {{ cgdata[0].gname }}</span>
<span> {{ cgdata[0]&&cgdata[0].gname }}</span>
</div>
</div>
<div class="venue_proportion">
@ -111,7 +111,7 @@
</span>
</div>
<div class="venue_proportion_bo">
<span>{{ cgdata[1].gname }}</span>
<span>{{ cgdata[1]&&cgdata[1].gname }}</span>
</div>
</div>
<div class="venue_proportion">
@ -126,7 +126,7 @@
</span>
</div>
<div class="venue_proportion_bo">
<span>{{ cgdata[2].gname }}</span>
<span>{{ cgdata[2]&&cgdata[2].gname }}</span>
</div>
</div>
@ -441,17 +441,18 @@ export default {
},
ty_bar3() {
let that = this;
var chartDom = document.getElementById("pcgchart2");
var option
var xData = this.rsqsXData;
var xData = that.rsqsXData;
var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
var name = this.rsqsDataName
// console.log(this.rsqsDataName, 'this.rsqsDataName')
var name = that.rsqsDataName
// console.log(that.rsqsDataName, 'that.rsqsDataName')
// = ['体育场', '体育馆', '游泳场馆'];
var data = this.rsqsDataAll;
var data = that.rsqsDataAll;
let iconData = [];
this.rsqsDataName.forEach((item, index)=>{
that.rsqsDataName.forEach((item, index)=>{
if(index==0){
iconData.push({icon: 'image://img/tyc_icon.png', name: name[0]})
}else if(index==1){
@ -619,12 +620,11 @@ export default {
series: series,
}
function run(myChart){
let that = this;
// 获取新数据-处理
// that.getGcgNumDatas();
setTimeout(() => {
// var xData = this.rsqsXData;
var data = this.rsqsDataAll;
var data = that.rsqsDataAll;
var series = [];
for (var i = 0; i < data.length; i++) {

Write Preview
Loading…
Cancel
Save