this.1=[1,2,3,4,5];
this.2=['123','123'];
this.3=[111,112,113,114,115];
this.initBarFun(this.1, this.2,this.3);
initBarFun(dataTag, dataRea,paramsMeetingDataName) {
var myChart = echarts.init(document.getElementById('myChart')),
option;
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
},
legend: {
itemWidth: 8,
itemHeight: 8,
itemGap: 80,//间距
left:'18%',//距离左边距
textStyle: {
color: '#584741',
fontSize: 12,
orient: 'vertical',
},
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true,
},
xAxis: {
axisLine: {
show: true, //x轴
lineStyle: {
color: '##D8CDC9',
fontSize: 12,
},
},
axisTick: {
// 去除刻度线
show: false,
},
type: 'value',
boundaryGap: [0, 0.01],
splitLine: {
// 去除网格
show: false,
},
axisLabel: {
show: true,
textStyle: {
color: '#584741',
fontSize: 12,//x轴样式
fontWeight: 600,//x轴样式
},
},
},
yAxis: {
type: 'category',
axisTick: {
// 去除刻度线
show: false,
},
axisLine: {
lineStyle: {
color: '#D8CDC9',
fontSize: 14,
fontWeight: 600,
},
},
data: paramsMeetingDataName,
axisLabel: {
show: true,
textStyle: {
color: '#584741',
fontSize: 12,//x轴字体样式
fontWeight: 600,//x轴样式
},
},
},
color: ['#C54242', '#EEC6AD'],
series: [
{
name: '目标值',
type: 'bar',
data: dataTag,
barWidth: 8, //柱图宽度
barGap: '80%' /*多个并排柱子设置柱子之间的间距*/,
},
{
name: '实际值',
type: 'bar',
data: dataRea,
barWidth: 8, //柱图宽度
barGap: '80%' /*多个并排柱子设置柱子之间的间距*/,
},
],
};
window.onresize = function () {
myChart.resize();
};
option && myChart.setOption(option);
}