Skip to content

T
techbook
Commit 6e9e467b authored by zhangyanni's avatar zhangyanni
Browse files
Options

按企业类型

parent e7ad87d9
Hide whitespace changes
Inline Side-by-side
Showing with 79 additions and 37 deletions
src/views/report/thirdScreen.vue
View file @ 6e9e467b
......@@ -8,22 +8,7 @@
<span @click="handleTo(4)" :class="currentIndex==4?'activeLi':''"><p>平台对接机会</p> <i class="spanI" v-if="currentIndex==4"></i></span>
</div>
<div class="list" v-show="currentIndex==1">
<div>
<div id="businessType"></div>
<p>国资企业</p>
</div>
<div>
<div id="cityType"></div>
<p>上市企业</p>
</div>
<div>
<div id="industryType"></div>
<p>高新企业</p>
</div>
<div>
<div id="platformType"></div>
<p>科创企业</p>
</div>
<div id="businessType"></div>
</div>
<div class="list" v-show="currentIndex==2">
......@@ -414,7 +399,80 @@
data: [187430,99233,125490]
}
],
isShowWorldMap:false
isShowWorldMap:false,
businessTypeEchartsOption:{
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
legend: {
data: ['上线数', '未上线']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
splitLine: {
lineStyle: {
color: '#9A8EB4',
opacity: 0.5,
}
},//去除网格分割线
axisLine: {
lineStyle: {
color: '#9A8EB4',
width: 2, //这里是为了突出显示加上的
}
},
},
yAxis: {
type: 'category',
axisLine: {
lineStyle: {
color: '#9A8EB4',
width: 2, //这里是为了突出显示加上的
}
},
splitLine: {
show: false
},//去除网格分割线
data: ['国资企业','上市企业','高新企业','科创企业']
},
series: [
{
name: '上线数',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data: [52, 389, 718, 1043]
},
{
name: '未上线',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data: [50,834,1624,2489]
},
]
}
}
},
......@@ -422,10 +480,7 @@
handleTo(type){
this.currentIndex = type;
if(type==1){
this.getInitEchart(1);
this.getInitEchart(2);
this.getInitEchart(3);
this.getInitEchart(4);
this.getInitEchart();
}else if(type==2){
this.getInitCityEchart();
}else if(type==3){
......@@ -439,23 +494,10 @@
}
},
getInitEchart(type){
if(type==1){
this.firstEchartsOption.series[0].data =[{value:52, name:'上线数'},
{value:50, name:'未上线'}];
}else if(type==2){
this.firstEchartsOption.series[0].data =[{value:389, name:'上线数'},
{value:834, name:'未上线'}];
}else if(type==3){
this.firstEchartsOption.series[0].data =[{value:718, name:'上线数'},
{value:1624, name:'未上线'}];
}else{
this.firstEchartsOption.series[0].data =[{value:1043, name:'上线数'},
{value:2489, name:'未上线'}];
}
let mapChart = type==1?document.getElementById("businessType"):type==2?document.getElementById("cityType"):type==3?document.getElementById("industryType"):document.getElementById("platformType"),resultEchart;
getInitEchart(){
let mapChart = document.getElementById("businessType"),resultEchart;
resultEchart = echarts.init(mapChart,'techbook');
resultEchart.setOption(this.firstEchartsOption, true);
resultEchart.setOption(this.businessTypeEchartsOption, true);
},
getInitCityEchart(){
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment