单色柱echarts 柱状配置项内容和展示

可切换显隐,颜色自生成

      //图例是对同一类型,多个数据值的数据显隐;多类型值就一个可如下
option = {
    tooltip: {
        trigger: 'item',
		formatter:  function (obj) { // trigger: 值不同,此参数不同
            return obj.data[1]+":"+obj.data[0];
        }
    },
    legend: {
        data: ['A', 'B', 'C']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'value'
    },
    yAxis: {
          type: 'category'
    },
    series: [
        {
            name: 'A',
            type: 'bar', 
			stack: 'total', //此用于折叠数据,猜:值不能是"",且一样就生效(主要用处:使y轴居中)
            data: [[11,"A"]]
        },
        {
            name: 'B',
            type: 'bar',
			stack: 'total',
            data: [[12,"B"]]
        } ,
        {
            name: 'C',
            type: 'bar',
			stack: 'total',
            data: [[8,"C"]]
        } 
    ]
};