nazw/nngkxxdp/src/main/resources/static/natj/dataCenter/js/closeCase.js

function closeCase() {
  var chartDom = document.getElementById("ajjachart");
  var myChart = echarts.init(chartDom);
  var option;
  myChart.clear();
  option = {
    tooltip: {
      trigger: "axis",
      axisPointer: {
        type: "shadow",
      },
      backgroundColor: "rgb(0 0 0 / 40%)",
      borderColor: "transparent",
      textStyle: {
        color: "#fff",
      },
      confine: true,
    },
    legend: {},
    grid: {
      left: "3%",
      right: "4%",
      bottom: "3%",
      containLabel: true,
    },
    xAxis: {
      type: "category",
      boundaryGap: [0, 0.01],
      data: [
        "2022年一季度",
        "2022年二季度",
        "2022年三季度",
        "2022年全年",
        "2023年一季度",
        "2023年二季度",
        "2023年三季度",
        "2023年四季度",
        "2024年一季度",
        "2024年二季度",
        "2024年三季度",
        "2024年四季度",
        "2025年一季度"
      ],
    },
    yAxis: [
      {
        type: "value",
        axisLabel: {
          formatter: "{value} 件",
        },
      },
      {
        type: "value",
        axisLabel: {
          formatter: "{value} 人",
        },
      },
    ],
    series: [
      {
        name: "纠纷总数",
        type: "bar",
        data: [1285, 2257, 3370, 5085, 1375, 3057, 4592, 7911, 2272, 4294,6139,8309,3670],
        yAxisIndex: 0,
        tooltip: {
          valueFormatter: function (value) {
            return value + " 件";
          },
        },
      },
      {
        name: "涉及人数",
        type: "bar",
        data: [1285, 2257, 3370, 5210, 1401, 3142, 4625, 8000, 2300, 4311,6300,8500,4000],
        yAxisIndex: 1,
        tooltip: {
          valueFormatter: function (value) {
            return value + " 人";
          },
        },
      },
      {
        name: "结案数量",
        type: "bar",
        data: [921, 1903, 2974, 4831, 972, 2262, 3922, 7120, 1857, 3465,5316,7894,3356],
        yAxisIndex: 0,
        tooltip: {
          valueFormatter: function (value) {
            return value + " 件";
          },
        },
      },
    ],
  };

  option && myChart.setOption(option);

  var chartDom = document.getElementById("arbitrate");
  var myChart = echarts.init(chartDom);
  var option;
  myChart.clear();
  option = {
    tooltip: {
      trigger: "axis",
      axisPointer: {
        type: "shadow",
      },
      backgroundColor: "rgb(0 0 0 / 40%)",
      borderColor: "transparent",
      textStyle: {
        color: "#fff",
      },
      confine: true,
    },
    legend: {
      show: false,
    },
    grid: {
      left: "3%",
      right: "4%",
      bottom: "3%",
      containLabel: true,
    },
    xAxis: {
      type: "category",
      boundaryGap: [0, 0.01],
      data: [
        "2022年一季度",
        "2022年二季度",
        "2022年三季度",
        "2022年全年",
        "2023年一季度",
        "2023年二季度",
        "2023年三季度",
        "2023年四季度",
        "2024年一季度",
        "2024年二季度",
        "2024年三季度",
        "2024年四季度",
        "2025年一季度"
      ],
      axisLabel: {
        rotate: 30,
      },
    },
    yAxis: {
      type: "value",
      axisLabel: {
        formatter: "{value} 件",
      },
    },
    series: [
      {
        name: "仲裁裁决数",
        type: "bar",
        data: [49, 161, 290, 386, 57, 177, 306, 371, 128, 281,461,686,79],
        tooltip: {
          valueFormatter: function (value) {
            return value + " 件";
          },
        },
      },
    ],
  };

  option && myChart.setOption(option);

  var chartDom = document.getElementById("closingRate");
  var myChart = echarts.init(chartDom);
  var option;

  option = {
    tooltip: {
      trigger: "axis",
      axisPointer: {
        type: "shadow",
      },
      backgroundColor: "rgb(0 0 0 / 40%)",
      borderColor: "transparent",
      textStyle: {
        color: "#fff",
      },
      confine: true,
    },
    grid: {
      left: "3%",
      right: "4%",
      bottom: "3%",
      containLabel: true,
    },
    xAxis: {
      type: "category",
      data: [
        "2022年一季度",
        "2022年二季度",
        "2022年三季度",
        "2022年全年",
        "2023年一季度",
        "2023年二季度",
        "2023年三季度",
        "2023年四季度",
        "2024年一季度",
        "2024年二季度",
        "2024年三季度",
        "2024年四季度",
        "2025年一季度"
      ],
      axisLabel: {
        rotate: 30,
      },
    },
    yAxis: {
      type: "value",
      axisLabel: {
        formatter: "{value} %",
      },
    },
    series: [
      {
        data: [71.67, 84.31, 88.24, 95, 71, 74, 85, 90, 81.73, 80.7,86,95,91.4],
        type: "line",
        name: "结案率",
        itemStyle: {
          color: "#FB693A",
        },
        lineStyle: {
          color: "#FB693A",
        },
        areaStyle: {
          origin: "start", //向最小值方向渐变，y轴有负值要写
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "rgba(251, 105, 58, 0.8)",
            },
            {
              offset: 1,
              color: "rgba(251, 105, 58, 0.1)",
            },
          ]),
        },
        tooltip: {
          valueFormatter: function (value) {
            return value + " %";
          },
        },
      },
    ],
  };

  option && myChart.setOption(option);
}