更改颜色、文字、表格

zpzgiser

2021-07-19 d7fab6b5d91a5c49d84f7d21025cb6bc16b43bdf

 src/views/securityUnitOperation/securityEchart.js

@@ -6,6 +6,21 @@
    //     color: "#fff"
    //   }
    // },
    color: [
      "#73c0de",

      "#fac858",
      "#91cc75",
      "#3ba272",
      "#fc8452",
      "#9a60b4",
      "#3fb1e3",
      "#6be6c1",
      "#626c91",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],
    grid: {
      top: "10%",
      left: "3%",
@@ -45,6 +60,7 @@
      ]
    },
    yAxis: {
      name: "（%）",
      type: "value",
      axisLabel: {
        color: "#fff"
@@ -53,7 +69,7 @@
    series: [
      {
        name: "趋势",
        data: [0.1, 0.3, 0.2, 0.5, 0.1,0.4, 0.32, 0.13, 0.21, 0.12, 0.25, 0.11],
        data: [10, 30, 20, 50, 10, 40, 32, 13, 21, 12, 25, 11],
        type: "line",
        smooth: true,
        areaStyle: {}
@@ -80,23 +96,38 @@
        "持证保安数",
        "过考保安数",
        "缴纳社保保安数",
        "缴纳社保数"
        "保安派遣"
      ],
      bottom: "0%",
      textStyle: {
        color: "#fff"
      }
    },
    color: [
      "#73c0de",

      "#fac858",
      "#91cc75",
      "#3ba272",
      "#fc8452",
      "#9a60b4",
      "#3fb1e3",
      "#6be6c1",
      "#626c91",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],
    grid: {
      top: "10%",
      left: "5%",
      right: "4%",
      left: "3%",
      right: "2%",
      bottom: "15%",
      containLabel: true
    },
    xAxis: {
      type: "category",
      boundaryGap: false,
      boundaryGap: true,
      axisLabel: {
        color: "#fff"
      },
@@ -124,38 +155,38 @@
    series: [
      {
        name: "总保安数",
        type: "line",
        stack: "总量",
        type: "bar",
        barWidth: 9,
        data: [120, 132, 101, 134, 90, 230, 210, 214, 123, 22, 132, 321]
      },
      {
        name: "正常保安数",
        type: "line",
        stack: "总量",
        type: "bar",
        barWidth: 9,
        data: [220, 182, 191, 234, 290, 330, 310, 111, 222, 132, 143, 123]
      },
      {
        name: "持证保安数",
        type: "line",
        stack: "总量",
        type: "bar",
        barWidth: 9,
        data: [150, 232, 201, 154, 190, 330, 410, 132, 111, 222, 132, 43]
      },
      {
        name: "过考保安数",
        type: "line",
        stack: "总量",
        type: "bar",
        barWidth: 9,
        data: [320, 332, 301, 334, 390, 330, 320, 233, 123, 432, 122, 11]
      },
      {
        name: "缴纳社保保安数",
        type: "line",
        stack: "总量",
        type: "bar",
        barWidth: 9,
        data: [120, 132, 101, 134, 120, 130, 132, 222, 111, 123, 341, 123]
      },
      {
        name: "缴纳社保数",
        type: "line",
        stack: "总量",
        name: "保安派遣",
        type: "bar",
        barWidth: 9,
        data: [120, 132, 101, 134, 1210, 130, 120, 22, 123, 33, 21, 13]
      }
    ]
@@ -183,24 +214,34 @@
        color: "#fff"
      }
    },
    color: [
      "#73c0de",

      "#fac858",
      "#91cc75",
      "#3ba272",
      "#fc8452",
      "#9a60b4",
      "#3fb1e3",
      "#6be6c1",
      "#626c91",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],
    grid: {
      top: "10%",
      left: "12%",
      right: "4%",
      bottom: "15%",
      containLabel: true
      left: "10%",
      right: "2%",
      bottom: "22%",
      containLabel: false
    },
    xAxis: {
      type: "value",
      boundaryGap: [0, 0.01],
      axisLabel: {
        color: "#fff"
      }
    },
    yAxis: {
      type: "category",
      boundaryGap: true,
      axisLabel: {
        color: "#fff"
        color: "#fff",
        interval: 0
      },
      data: [
        "一月",
@@ -217,6 +258,13 @@
        "十二月"
      ]
    },
    yAxis: {
      type: "value",

      axisLabel: {
        color: "#fff"
      }
    },
    series: [
      {
        name: "客户数",
@@ -230,25 +278,31 @@

function economicMiddle(data) {
  let option = {
    // title: {
    //   text: "公司保安类数据对比",
    //   textStyle: {
    //     color: "#fff"
    //   }
    // },
    tooltip: {
      trigger: "axis"
    },
    legend: {
      data: [
        "缴纳社保人数",
        '公司派遣人数'
      ],
      data: ["缴纳社保人数", "公司派遣人数"],
      bottom: "0%",
      textStyle: {
        color: "#fff"
      }
    },
    color: [
      "#73c0de",

      "#fac858",
      "#91cc75",
      "#3ba272",
      "#fc8452",
      "#9a60b4",
      "#3fb1e3",
      "#6be6c1",
      "#626c91",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],
    grid: {
      top: "10%",
      left: "5%",
@@ -295,7 +349,7 @@
        type: "line",
        stack: "总量",
        data: [220, 182, 191, 234, 290, 330, 310, 111, 222, 132, 143, 123]
      },
      }
    ]
  };
  return option;
@@ -336,6 +390,21 @@
        color: "#fff"
      }
    },
    color: [
      "#73c0de",

      "#fac858",
      "#91cc75",
      "#3ba272",
      "#fc8452",
      "#9a60b4",
      "#3fb1e3",
      "#6be6c1",
      "#626c91",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],
    series: [
      {
        name: "人员分布",