BoudaryGap:在坐标轴的起始部分是否需要间隔,默认是有间隙,需要改为false才能实现无间隔
grid:{
left:'3%',
top: '35%',
right:'4%',
bottom:'1%' ,
containLabel:true
},
ContainLabel:在设置坐标轴外边距的时候是否包含文字,默认是不包含,需要将属性改为true才能实现包含文字
xAxis:{
data:t{},
boundaryGap:false
}
tooltip:当鼠标移动时会出现提示
tooltip:{
show:true,
formatter:arg=>{//当工具提示的时候改变文字
const thirdCategory=arg.data.children
let total =0
thirdCategory.forEach(item=>{
total+= item.value
})
let retStr =''
thirdCategory.forEach(item=>{
retStr +=`${item.name}:${parseInt(item.value/total*100)+'%'}<br>`
})
return retStr
}
}
lengend:关于图例的内容以及样式设置
legend:{
data:legendArr ,
left:20,
top:"15%",
icon:'circle' //图标为圆形
},
tooltips:工具提示
tooltiops:{
show:true
}
dataZoom:区域显示拖动条
dataZoom:{
show:true ,
startValue:0,
endValue:9,
}
饼图(pie)高亮显示文字效果实现
label:{
show:false//不显示文字
} ,
emphasis:{
label:{
show:true//鼠标移入的时候显示文字
} ,
labelLine:{
show:false //不显示线条
}
饼图的圆心向下调整:
利用series的center属性
series: [
{
name: '访问来源',
type: 'pie',
radius: '50%',
data: [
{value: 32.8, name: '1项'},
{value: 22.4, name: '2项'},
{value: 16.5, name: '3项'},
{value: 10.6, name: '4项'},
{value: 13.9, name: '6项及以上'},
{value: 3.8, name: '5项'}
],
center:['50%','65%'] //在这里
]