You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
// 地区分布
|
|
|
|
|
export default function singlePercent(dRegion=[],dValue=[]){
|
|
|
|
|
return {
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: 'item',
|
|
|
|
|
backgroundColor: "#08182F",
|
|
|
|
|
color: "#fff",
|
|
|
|
|
borderColor: "#3373CC",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#fff", //设置文字颜色
|
|
|
|
|
fontSize: 9
|
|
|
|
|
},
|
|
|
|
|
valueFormatter: (value) =>value.toFixed(2) + "%",
|
|
|
|
|
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;",
|
|
|
|
|
confine: true
|
|
|
|
|
},
|
|
|
|
|
xAxis: {
|
|
|
|
|
show:false,
|
|
|
|
|
type:'value'
|
|
|
|
|
},
|
|
|
|
|
yAxis:
|
|
|
|
|
{
|
|
|
|
|
data: dRegion,
|
|
|
|
|
inverse: true,
|
|
|
|
|
axisTick: { show: false },
|
|
|
|
|
axisLine: { show: false },
|
|
|
|
|
axisLabel: {
|
|
|
|
|
margin: 10,
|
|
|
|
|
color: '#333333',
|
|
|
|
|
fontSize: 12
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
grid: {
|
|
|
|
|
// top: 'center',
|
|
|
|
|
bottom:15,
|
|
|
|
|
height:186,
|
|
|
|
|
width: '66%',
|
|
|
|
|
left: 48,
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
itemStyle:{
|
|
|
|
|
normal:{
|
|
|
|
|
color:'#0084FF',
|
|
|
|
|
barBorderRadius:12
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// current data
|
|
|
|
|
type: 'bar',
|
|
|
|
|
barWidth:10,
|
|
|
|
|
data:dValue,
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter: function (params) {
|
|
|
|
|
return (params.value).toFixed(1) + ' %';
|
|
|
|
|
},
|
|
|
|
|
// position: 'right',
|
|
|
|
|
// offset: [20, 0],
|
|
|
|
|
color: '#333333',
|
|
|
|
|
fontSize: 12,
|
|
|
|
|
position:[235,0]
|
|
|
|
|
},
|
|
|
|
|
showBackground: true,
|
|
|
|
|
backgroundStyle: {
|
|
|
|
|
olor: 'rgba(180, 180, 180, 0.2)'
|
|
|
|
|
},
|
|
|
|
|
markLine: {
|
|
|
|
|
symbol: 'none',
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}
|
