echarts 柱状图和线性图

需求：分别显示柱状图和折线图，并显示其对应数值

代码

picture3Option:{
		//图表位置
        grid: { 
          top: "15%",
          left: "5px",
          right: "5px",
          bottom: "5px",
          containLabel: true,
        },
        //鼠标滑过图表的样式
        tooltip: {
          trigger: 'axis',
        },
        //顶部类型展示，颜色设置
        legend: {
          data: ['运行时间', '运行次数'],
          textStyle:{
            color:'#ccc',
            fontSize:12
          }
        },
        //x轴
        xAxis: [
          {
            type: 'category',
            data: ['7.15', '7.16', '7.17', '7.18', '7.19', '7.20', '7.21','7.22','7.23','7.24','7.25'],
            axisPointer: {
              type: 'shadow'
            },
            axisLabel: {  //字体颜色
              color: "#ccc",
            },
            axisLine: {	  //线颜色
              lineStyle: {
                color: "#ccc",
              }
            }
          }
        ],
        //y轴
        yAxis: [
          {
            type: 'value',
            name:'',  //纵坐标名称
            show:false,  //是否显示纵坐标
            axisLabel: {
              formatter: '{value}'
            },
            axisLine: {
              lineStyle: {
                color: "#ccc",
              },
            },
            splitLine: {  //区域内x轴平行刻度线
              show: false,
            },
          },
          {
            type: 'value',
            name: '',  //纵坐标名称
            show:false,  //是否显示纵坐标
            axisLine: {
              lineStyle: {
                color: "#ccc",
              },
            },
            splitLine: {  //区域内x轴平行刻度线
              show: false,
            },
          },
        ],
        series: [
          {
            name: '运行时间',
            type: 'bar',
            tooltip: {
              valueFormatter: function (value) {
                return value ;
              }
            },
            data: [139, 145, 123, 157, 126, 67, 56, 168, 155, 136, 167],
            barWidth : 20,//柱图宽度
            color:'#44b2da',  //柱体颜色
            itemStyle:{
              normal: {
                label: {
                  show: true, //开启显示
                  position: 'right', //在上方显示
                  textStyle: {  //数值样式
                    color: '#f5cc00',  
                    fontSize: 12
                  },
                }
              },
            }
          },
          {
            name: '运行次数',
            type: 'line',
            yAxisIndex: 1,
            tooltip: {
              valueFormatter: function (value) {
                return value +'h';
              }
            },
            data: [5930, 4290, 3090, 3890, 2370, 670, 430, 5844, 4452, 3189, 3787],
            color:'#f77200', 
            itemStyle:{
              normal: {
                label: {
                  show: true, //开启显示
                  position: 'top', //在上方显示
                  textStyle: { //数值样式
                    color: '#f77200',
                    fontSize: 12
                  },
                }
              },
            }
          }
        ]
      },

效果

鼠标滑过时的效果

去掉区域内平行线和纵坐标刻度线