echarts 制作柱状图和折线图

图例居中位于下侧，图名描述在上侧

 

option = {
  backgroundColor:'#ffff',
  title: {
    text: '南宁市上林县明亮镇古城村',
     x:'center',
        y:'top',
        textAlign:'left',
    color:'000000',
    textStyle:{
      fontSize:'21'
    },
   // position:['50%','30%']

  },
  tooltip: {},
  legend: {
    bottom:'bottom',
    right :'center',
    fontSize:'21',
    data: ['销量'],
    data:''
  },
  xAxis: {
    data: [ '2017' ,'2018','2019', '2020', '2021'],
    axisLabel:{
      fontSize:'18',
      color:'000000'
    }
  },
 /* yAxis: {
  axisLabel:{
      fontSize:'18',
      color:'000000',
  },
  },*/
 yAxis: [{
            name: '单位：吨',
            type: 'value'
        }, {
            name: '单位：公顷',
            type: 'value'
        }],
  series: [
    
    {
      name:'产量',
      type :'line',
      data:[235,250,280,190,275],
      //color:'FF8C00'
      color:'ff0033'
    },
   
     {
      name: '面积',
      type: 'bar',
      yAxisIndex: 1,
      data: [ 1400, 1350, 1250,1600,1900],
       color:'228b22',
    }
    
  ]
};