echarts 饼图悬浮背景透明
如图所示：
可通过配置查看：echartsPie
option = {
"backgroundColor": "#171A2A",
"grid": {
"top": 0,
"left": "0%",
"right": "0%",
"bottom": "10%",
"containLabel": true
},
"tooltip": {
"trigger": "item",
"formatter": "{b} : {d}%",
"padding": [
5,
7
],
"backgroundColor": "rgba(39, 43, 73, 1)",
"extraCssText": "box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);z-index:1;",
"triggerOn": "click"
},
"legend": {
"orient": "vertical",
"left": 0,
"bottom": 60,
"icon": "circle",
"textStyle": {
"fontSize": 12,
"borderRadius": 12,
"color": "#9799B4",
"padding": [
3,
0,
0,
0
]
},
"itemWidth": 10,
"itemHeight": 10,
"data": [
"本科",
"硕士及以上",
"其他(含专升本)"
]
},
"series": [{
"name": "公司",
type: 'pie',
radius: ['40%', '54%'],
center: ['50%', '38%'],
label: {
show: !1,
},
z: 0,
itemStyle: {
emphasis: {
opacity: 0.5,
},
},
"data": [{
"type": "pie",
"name": "本科",
"value2": 630,
"value": "35.06",
"index": 0,
"color": "#4F88FD",
"itemStyle": {
"color": "#4F88FD"
}
},
{
"type": "pie",
"name": "硕士及以上",
"value2": 563,
"value": "31.33",
"index": 1,
"color": "#FFE700",
"itemStyle": {
"color": "#FFE700"
}
},
{
"type": "pie",
"name": "其他(含专升本)",
"value2": 604,
"value": "33.61",
"index": 2,
"color": "#E961C6",
"itemStyle": {
"color": "#E961C6"
}
}
]
},
{
type: 'pie',
"name": "公司",
radius: ['40%', '53%'],
center: ['50%', '38%'],
label: {
show: true,
position: 'inner',
formatter: '{d}%',
fontSize: 10,
fontFamily: 'Helvetica',
align: 'center',
color: '#FFFFFF',
},
z: 4,
silent: !0,
"data": [{
"type": "pie",
"name": "本科",
"value2": 630,
"value": "35.06",
"index": 0,
"color": "#4F88FD",
"itemStyle": {
"color": "#4F88FD"
},
},
{
"type": "pie",
"name": "硕士及以上",
"value2": 563,
"value": "31.33",
"index": 1,
"color": "#FFE700",
"itemStyle": {
"color": "#FFE700"
},
},
{
"type": "pie",
"name": "其他(含专升本)",
"value2": 604,
"value": "33.61",
"index": 2,
"color": "#E961C6",
"itemStyle": {
"color": "#E961C6"
},
},
]
},
{
type: 'pie',
"name": "公司",
radius: ['50%', '54%'],
center: ['50%', '38%'],
label: {
show: !1,
},
z: 3,
silent: !0,
"data": [{
"type": "pie",
"name": "本科",
"value2": 630,
"value": "35.06",
"index": 0,
"color": "#4F88FD",
"itemStyle": {
"color": "#4F88FD"
}
},
{
"type": "pie",
"name": "硕士及以上",
"value2": 563,
"value": "31.33",
"index": 1,
"color": "#FFE700",
"itemStyle": {
"color": "#FFE700"
}
},
{
"type": "pie",
"name": "其他(含专升本)",
"value2": 604,
"value": "33.61",
"index": 2,
"color": "#E961C6",
"itemStyle": {
"color": "#E961C6"
}
}
]
},
]
}
默认选中背景悬浮
echat.dispatchAction({
type: 'downplay',
dataIndex: 1,
seriesIndex: 0,
});
echat.dispatchAction({
type: 'highlight',
dataIndex: 1,
seriesIndex: 0,
});