carInsightSystem/src/views/ModelComparison/weiboBigVComparison/opt.js

/*
 * @Author: your name
 * @Date: 2021-10-09 11:01:19
 * @LastEditTime: 2021-10-16 10:42:52
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/Index/spreadTheSound/opt.js
 */
/*
series: [
            {
              name: '奥迪',
              type: 'bar',
              stack: 'total',
              barWidth: 24,
              emphasis: {
                focus: 'series'
              },
              data: [320, 302, 301, 334, 390]
            },
*/
function createData(dataList = []) {
  let arr = [];
  dataList.forEach(ele => {
    let o = {
      name: ele.key,
      type: 'bar',
      stack: 'total',
      barWidth: 24,
      emphasis: {
        focus: 'series'
      },
      //索引各类型大v的值，0表示名人，1表示政府，2表示企业，3表示媒体，4表示个人大V
      data: [ele.value[0].value, ele.value[3].value, ele.value[2].value, ele.value[1].value, ele.value[4].value]
    };
    arr.push(o);
  })
  return arr;
}

export default function createOpt(dataList = []) {
  let info = createData(dataList);
  return {
    grid: {
      left: 16,
      right: 16,
      bottom: 16,
      top: 56,
      containLabel: true
    },
    tooltip: {
      trigger: "axis",
      backgroundColor: "#08182F",
      color: "#fff",
      borderColor: "#3373CC",
      textStyle: {
        color: "#fff", //设置文字颜色
      },
      extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
    },
    legend: {
      textStyle: { //图例文字的样式
        color: '#fff'
      },
      y: 10,
      x: 16
    },
    xAxis: {
      type: 'category',
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
        lineStyle: {
          color: "#fff",
        },
      },
      data: ['名人', '媒体', '企业', '政府', '个人大v']
    },
    yAxis: {
      type: 'value',
      axisLine: {
        show: false,
        lineStyle: {
          color: "#fff",
        },
      },
      splitLine: {
        lineStyle: {
          type: "dashed", // y轴分割线类型
          color: "#012b4b",
        },
      },
    },
    series: info
  }

}