carInsightSystem_wxapp/components/option/sColumnarOption.js

// 多条柱状
export default function sHistogram(dx=[],ds=[],data=[],color2=[]) {
    // MS判断多条数据还是单条数据   true为单条false为多条
    return {
        tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
          type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
        confine: true
      },
      legend: {
        icon: 'rectangle',//data图标样式
        itemWidth: 8,//data图标大小
        itemHeight: 8,
        left: 5,
        textStyle: {
            fontSize: 8,
            fontWeight: 400
        },
        data: data,
    },
      //图表位置
      grid: {
        left: 20,
        right: 20,
        bottom: 15,
        top: 40,
        containLabel: true
      },
      dataZoom: [{ //添加X轴滚动条
        type: 'inside',
        show: false,
        start: 50,
        end: 10,
        handleSize: 5
      }],
      yAxis: [
        {
          type: 'value',
          axisTick:{
              show:false   //去除刻度线
          },
          axisLine:{
              show:false  //去除轴线
          },
          axisLabel: {
            color: '#999999',//y轴文本颜色
            textStyle: {
              fontSize : 8
          },
          formatter:(value) => {
            if(value >= 10000){
                value = (value / 10000) + '万';
            }
            return value;
        }
          },
          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,color2)
    }
    
}

function columar(data=[],ds=[],color2=[]){
// MS判断多条数据还是单条数据   true为单条false为多条
    let list=[]
    for (let i = 0; i < data.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
}