(function(){

    var dom =$('[data-label=pro_qushi_count]').get(0);
    var myChart = echarts.init(dom);
  
    var month = [];
for(var i=0;i<11;i++){
  month.push("2024-"+(i+1));
}

var d1=[],d2=[],d3=[],d4=[];

for(var i=0;i<month.length;i++){
  var pre = parseInt(Math.random() * 1000);
  var real = parseInt(Math.random() * pre+1);
  var rate = (real/pre * 100);
  rate = rate.toFixed(2)
  d1.push(pre);
  d2.push(real);
  d3.push(rate);
}

option = {
  tooltip: {
    trigger: 'axis'
  },
  legend: {
    data: ['预计交付量', '实际交付量', '交付率'],
    top: 'bottom',
  },
  grid: {
    left: '3%',
    top: '10%',
    right: '4%',
    bottom: '9%',
    containLabel: true
  },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: month
  },
  yAxis: [{
    type: 'value',
    name:"项目量"
  },{
    type:"value",
    name:"交付率%"
  }],
  series: [
    {
      name: '预计交付量',
      type: 'bar',
      smooth: true,
      label: {
        show: true,
        position: 'inside'
      },
      data: d1
    },
    {
      name: '实际交付量',
      type: 'bar',
      smooth: true,
      label: {
        show: true,
        position: 'inside'
      },
      data: d2
    },
    {
      name: '交付率',
      type: 'line',
      stack: 'Total',
      smooth: true,
      label: {
        show: true,
        position: 'inside'
      },
      data: d3,
      yAxisIndex: 1,
      tooltip: {
        valueFormatter: function (value) {
            return value+"%";
        }
      }
    }
  ]
};

    myChart.setOption(option);
  })();