Browse Source

[完善]echarts提示框显示不全

master
邵佳豪 4 years ago
parent
commit
e93f9a8ce0
  1. 2
      src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.scss
  2. 65
      src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts

2
src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.scss

@ -8,6 +8,6 @@
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 45%; top: 45%;
transform: translate(-50%,-50%); transform: translate(-50%,-60%);
} }
} }

65
src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts

@ -32,10 +32,9 @@ export class DeleteTwoComponent implements OnInit {
ngOnInit(): void { ngOnInit(): void {
this.dateInit() this.dateInit()
this.echartsData.tableTooltipNoShow2
window.setTimeout(()=>{ window.setTimeout(()=>{
console.log(this.selectType)
this.headZhexian('heads','删除数量总统计',this.datayuex,this.datayuey) this.headZhexian('heads','删除数量总统计',this.datayuex,this.datayuey)
this.headZhexian('leftOne','高层',this.datayuex,this.datayuey) this.headZhexian('leftOne','高层',this.datayuex,this.datayuey)
this.headZhexian('leftTwo','轨道交通',this.datayuex,this.datayuey) this.headZhexian('leftTwo','轨道交通',this.datayuex,this.datayuey)
@ -159,38 +158,39 @@ export class DeleteTwoComponent implements OnInit {
var ec = echarts as any; var ec = echarts as any;
this.headZx = ec.init(document.getElementById(`${divid}`),'skinUpp'); this.headZx = ec.init(document.getElementById(`${divid}`),'skinUpp');
var options = { var options = {
grid: { grid: {
top: 50, top: 50,
left:40, left:40,
right: 20, right: 20,
bottom: 20, bottom: 20,
}, },
// 标题 // 标题
title: { title: {
text: `${headtext}`, text: `${headtext}`,
left:'center', left:'center',
top: -4, top: -4,
//副标题文本样式 //副标题文本样式
 subtextStyle:{  subtextStyle:{
color:'#999', color:'#999',
fontWeight:'bold', fontWeight:'bold',
}, },
textStyle:{ textStyle:{
//文字颜色 //文字颜色
color:'#000', color:'#000',
fontSize: 22, fontSize: 22,
} }
}, },
//提示框 //提示框
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
formatter: (params)=>{ formatter: (params)=>{
return this.biaogeTishi(`${headtext}`) return this.biaogeTishi(`${headtext}`)
} , },
backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度
borderWidth:'1', borderWidth:'1',
borderRadius :'0' borderRadius :'0',
}, position: this.echartsData.tableTooltipNoShow
},
xAxis: { xAxis: {
type: 'category', type: 'category',
boundaryGap:true, boundaryGap:true,
@ -216,8 +216,8 @@ export class DeleteTwoComponent implements OnInit {
axisLabel: { axisLabel: {
color: "#000" //刻度线标签颜色 color: "#000" //刻度线标签颜色
}, },
//设置坐标轴字体颜色和宽度 //设置坐标轴字体颜色和宽度
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: "#000", color: "#000",
} }
@ -254,7 +254,6 @@ export class DeleteTwoComponent implements OnInit {
this.echartsData.statefulInspectionName =params.name+headtext; this.echartsData.statefulInspectionName =params.name+headtext;
this.router.navigateByUrl(`/statisticanalysis/delete_one/delete_there`); this.router.navigateByUrl(`/statisticanalysis/delete_one/delete_there`);
} }
}); });
this.headZx.setOption(options); this.headZx.setOption(options);
} }

Loading…
Cancel
Save