var data = [{
month: "1",
value: 100,
},
{
month: "2",
value: 90,
},
{
month: "3",
value: 200,
// ratio: 75.8
},
{
month: "4",
value: 150,
// ratio: 19.8
},
{
month: "5",
value: 230,
// ratio: 44.5
},
{
month: "6",
value: 135,
// ratio: 87.3
},
{
month: "7",
value: 60,
// ratio: 87.3
},
{
month: "8",
value: 163,
// ratio: 87.3
},
{
month: "9",
value: 53,
// ratio: 87.3
},
{
month: "10",
value: 53,
// ratio: 87.3
},
{
month: "11",
value: 50,
// ratio: 87.3
},
{
month: "12",
value: 60,
// ratio: 87.3
},
{
month: "13",
value: 60,
}, {
month: "14",
value: 55
}, {
month: "15",
value: 44,
}
];
var bkData = [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100];
var xData = [],
yData = [];
var min = 50;
const rich = {
white: {
color: '#2ad1d2',
fontSize: 16,
}
};
data.map(function(a, b) {
xData.push(a.month);
if (a.value === 0) {
yData.push(a.value + min);
} else {
yData.push(a.value);
}
});
option = {
backgroundColor: "#111c4e",
color: ['#3398DB'],
tooltip: {
show: true,
trigger: 'axis',
axisPointer: {
type: 'line',
lineStyle: {
opacity: 0
}
},
// formatter: function(prams) {
// if (prams[0].data === min) {
// return "合格率：0%"
// } else {
// return "合格率：" + prams[0].data + "%"
// }
// }
},
grid: {
left: '5%',
right: '5%',
bottom: '5%',
top: '7%',
height: '85%',
containLabel: true,
z: 22
},
xAxis: [{
type: 'category',
boundaryGap: true, // 坐标轴两边留白
gridIndex: 0,
data: xData,
axisLabel: {
textStyle: {
fontSize: 14,
color: '#fff'
}
},
axisLine: {
lineStyle: {
// color: 'rgba(255,255,255,.2)',
}
},
axisTick: {
show: false
},
}],
yAxis: [{
// name: '单位：次',
type: 'value',
nameTextStyle: {
color: "rgb(170,170,170)"
},
gridIndex: 0,
axisTick: {
show: false
},
axisLine: {
show: false,
},
axisLabel: {
color: '#60DEF7',
fontSize: 16,
formatter: '{value}'
},
splitLine: {
lineStyle: {
color: 'rgba(255,255,255,.1)'
}
},
},
{
type: 'value',
gridIndex: 0,
// min: min,
// max: 6,
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
color: '#95a2aa',
fontSize: 14,
formatter: '{value}'
},
splitLine: {
lineStyle: {
color: 'rgba(255,255,255,.1)'
}
},
}
],
series: [{
// name: '合格率',
type: 'bar',
barWidth: '50%',
xAxisIndex: 0,
yAxisIndex: 0,
itemStyle: {
normal: {
// barBorderRadius: 30,
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1, [{
offset: 0,
color: 'rgb(81,174,204)'
},
{
offset: 1,
color: 'rgba(32,73,122,.65)'
}
]
),
barBorderRadius: [15, 15, 0, 0],
borderColor: '#148DE8',
borderWidth: 0.02,
shadowBlur: 5,
shadowColor: '#148DE8'
}
},
data: yData,
zlevel: 11
},
{
type: 'pictorialBar',
symbol: 'rect',
symbolRepeat: 'fixed',
symbolSize: [32, 4],
symbolMargin: 2,
// symbolBoundingData: bkData,
barWidth: '50%',
itemStyle: {
normal: {
color: '#122E68',
}
},
label: {
normal: {
show: false,
textStyle: {
color: '#fff',
fontSize: 20
},
position: 'right',
formatter: function(data) {
// return '{white|' + value + '%' + '}'
},
// rich: rich
}
},
// data: [max],
data: bkData,
animation: false,
z: 9
}
]
};