carInsightSystem_wxapp/components/option/columnarOption.js

export default function histogram(dx=[],ds=[],data=[],color1='',color2=[],MS=true) {
    // MS判断多条数据还是单条数据   true为单条false为多条
    return {
        tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
          type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
        confine: true
      },
      legend: {
          x:MS?'15':'0',
          icon: 'rectangle',//data图标样式
          itemWidth: MS?'10':"8",//data图标大小
          itemHeight: MS?'10':"8",
          textStyle: {
              fontSize: MS?'9':"8"
          },
        data: data,
    },
      //图表位置
      grid: {
        left: 20,
        right: 20,
        bottom: MS?10:15,
        top: MS?20:40,
        containLabel: true
      },
      yAxis: [
        {
          type: 'value',
          axisTick:{
              show:false   //去除刻度线
          },
          axisLine:{
              show:false  //去除轴线
          },
          axisLabel: {
            color: '#999999',//y轴文本颜色
            textStyle: {
              fontSize : 9
          }
          },
          splitLine: {  //分割线
              // lineStyle:{
              //     // color:"#2d3436"
                  
              // }
              show: true,
          lineStyle: {
              type: 'dashed',
              color: '#E8E8E8',
          }
          }
        }
      ],
      xAxis: [
        {
          type: 'category',
          data: dx,
          axisTick:{
              show:false   //去除刻度线
          },
          axisLine:{
              show:false,  //去除轴线
          },
          axisLabel: {
            color: '#999999',//x轴文本颜色
            textStyle: {
              fontSize : 9
          }

          }
        }
      ],
      series:columar(data,ds,color1,color2,MS)
    }
    
}

function columar(data=[],ds=[],color1='',color2=[],MS){
// MS判断多条数据还是单条数据   true为单条false为多条
    let list=[]
    for (let i = 0; i <  MS?1:color2.length; i++) {
        MS?
    list.push({
        type: 'bar',
        data: ds,
        stack:"Search Engine",
    emphasis: {//折线图的高亮状态。
      focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。
    },
        itemStyle: {
            normal:{
                color: color1,
                lineStyle: {
                    color: color1
                  }
            }
          }
    })  : list.push({
        name: data[i],
        type: 'bar',
        barWidth : 24,
        data: ds[i],
        stack:"Search Engine",
    emphasis: {//折线图的高亮状态。
      focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。
    },
        itemStyle: {
            normal:{
                color: color2[i],
                lineStyle: {
                    color: color2[i]
                  }
            }
          }
     })
      }
      return list
}