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.
79 lines
2.1 KiB
79 lines
2.1 KiB
// 地区分布
|
|
export default function pictographicOption(dRegion = [], dValue = []) {
|
|
if(dRegion.length < 5) {
|
|
let n = 5 - dRegion.length;
|
|
for(let i = 0; i < n; i++) {
|
|
dRegion.push('')
|
|
}
|
|
}
|
|
return {
|
|
tooltip: {
|
|
trigger: "item",
|
|
backgroundColor: "#08182F",
|
|
color: "#fff",
|
|
borderColor: "#3373CC",
|
|
textStyle: {
|
|
color: "#fff", //设置文字颜色
|
|
fontSize: 9
|
|
},
|
|
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;",
|
|
confine: true
|
|
},
|
|
xAxis: {
|
|
show: false,
|
|
type: 'value'
|
|
},
|
|
yAxis:
|
|
{
|
|
data: dRegion,
|
|
axisTick: { show: false },
|
|
axisLine: { show: false },
|
|
inverse: true,
|
|
axisLabel: {
|
|
margin: 10,
|
|
color: '#333333',
|
|
fontSize: 12
|
|
}
|
|
},
|
|
grid: {
|
|
// top: 'center',
|
|
top: 'top',
|
|
bottom: 20,
|
|
height: 186,
|
|
width: 48,
|
|
left: 60,
|
|
},
|
|
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: [60, -1]
|
|
},
|
|
showBackground: true,
|
|
backgroundStyle: {
|
|
color: 'rgba(180, 180, 180, 0.2)'
|
|
},
|
|
markLine: {
|
|
symbol: 'none',
|
|
},
|
|
},
|
|
]
|
|
}
|
|
} |