柱状图加折线图 柏拉图 echarts

配置项

var colors = ['#C33531','#EFE42A','#64BD3D','#EE9201','#29AAE3', '#B74AE5','#0AAF9F','#E89589']
option = {
  tooltip : {
		trigger : 'axis',
		axisPointer : { // 坐标轴指示器，坐标轴触发有效
			type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
		},
	},
legend : {
		selectedMode : false,
		data : ['数量', '百分比']
	},
	  xAxis: [
    {
      type: 'category',
     data : ['不良品1', '不良品2', '不良品3', '不良品4', '不良品5', '不良品6'],
    },{
      type: 'category',
      show:false
    }
  ],
	yAxis : [{
				type : 'value',
				boundaryGap : [0, 0.1],
				splitLine : false
			}, {
				type : 'value',
				axisLabel : {
					formatter : '{value} %'
				},
				splitLine : false
			}],
	series : [{
				name : '数量',
				type : 'bar',
				barCategoryGap : '0%',
				 tooltip: {
        valueFormatter: function (value) {
          return value;
        }
      },
				itemStyle : {
					normal : {
					  color : function(obj) {
							if (obj.dataIndex >= 0) {
								return colors[obj.dataIndex];
							}
						},
					}
				},
				data : [300, 200, 180, 150, 120, 50]
			}, {
				name : '百分比',
				type : 'line',
			 tooltip: {
        valueFormatter: function (value) {
          return value + ' °C';
        }
      },
        xAxisIndex : 1,
				yAxisIndex : 1,
				data : [86,91, 92, 95, 98, 100]
			}

	]
};