var xData = ["1月", "2月", "3月", "4月", "5月", "6月","7月","8月","9月","10月","11月"];
let itemName = ['产能', '计划量', '完成率']
option = {
backgroundColor: '#040811',
legend: {
top: 20,
center: true,
itemGap: 20,
itemHeight: 12,
textStyle: {
color: 'rgba(255, 255, 255,0.7)',
fontSize: 14,
},
data: itemName,
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
textStyle: {
color: '#333',
},
},
},
grid: {
top: 65,
left: 50,
right: 50,
bottom: 30,
containLabel: true, // 防止标签溢出
},
calculable: true,
xAxis: [
{
type: 'category',
axisLabel: {
interval: false,
color: 'rgba(255, 255, 255,0.7)',
textStyle: {
fontSize: 14,
},
},
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255,0.7)',
},
},
axisTick: {
show: false,
},
splitArea: {
show: false,
},
data: xData,
},
],
yAxis: [
{
type: 'value',
name: '(t)',
axisLine: {
show: true,
lineStyle: {
color: 'rgba(255, 255, 255,0.7)',
},
},
axisTick: {
show: false,
},
nameTextStyle: {
color: 'rgba(255, 255, 255,0.7)',
align: 'left',
fontSize: 14,
padding:[0,0,0,-20],
},
axisLabel: {
interval: true,
formatter: '{value}',
color: 'rgba(255, 255, 255,0.7)',
textStyle: {
fontSize: 14,
},
},
splitNumber: 6,
splitLine: {
show: false,
lineStyle: {
type: 'dashed',
color: 'rgba(255, 255, 255,0.7)',
},
},
},
{
type: 'value',
name: '',
nameTextStyle:{
color:"white"
},
min: 0,
max: 100,
position: 'right',
axisLine: {
show: true,
lineStyle: {
color: 'rgba(255, 255, 255,0.7)'
}
},
axisLabel: {
show:true,
interval: 0, //控制坐标轴刻度标签的显示间隔.设置成 0 强制显示所有标签。设置为 1，隔一个标签显示一个标签。设置为2，间隔2个标签。以此类推
formatter: '{value} %'
},
splitLine: {
show:false
},
},
],
series: [
{
name: itemName[0],
type: 'bar',
barMaxWidth: 13,
barGap: '60%',
itemStyle: {
normal: {
color: '#00DEFF',
barBorderRadius: [12, 12, 0, 0],
},
},
data: [36, 28, 32, 25, 28, 41,22,23,28,60,51],
},
{
name: itemName[1],
type: 'bar',
barMaxWidth: 13,
itemStyle: {
normal: {
color: '#1B72FE',
barBorderRadius: [12, 12, 0, 0],
},
},
data: [18, 13, 9, 22, 15, 19,50,20,28,30,60],
},
{
name: itemName[2],
type: 'line',
smooth: false,
// shoewSymbol:false,
// symbol: 'circle',
symbolSize: 5,
yAxisIndex: 1,
lineStyle: {
normal: {
width: 2,
color: '#EE8931',
},
},
itemStyle: { //各圆点位样式
normal: {
color: '#EE8931',
borderColor: '#333',
borderWidth: 1,
},
},
label: {
normal: {
show: false,
},
},
data: [36, 28, 32, 25, 28, 41,22,23,28,60,51],
},
],
};