jihe-hs/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/assets/charts.js

import * as echarts from "echarts";

let options = {
  tooltip: {
    trigger: "axis",
    valueFormatter: (value) => {
      return value + "%";
    },
  },
  grid: {
    left: "2%",
    right: "0%",
    top: "15%",
    bottom: "12%",
  },
  xAxis: {
    data: [],
    show: true,
    axisTick: {
      show: false,
    },
    axisLine: {
      show: true,
      lineStyle: {
        type: "solid",
        color: "#2D4377",
        opacity: 1,
      },
    },
    axisLabel: {
      interval: "auto",
      textStyle: {
        color: "rgba(255,255,255,0.8)",
        fontSize: 14,
      },
      margin: 12, // 刻度标签与轴线之间的距离。
    },
  },
  yAxis: [
    {
      // type: "category",
      name: "",
      nameTextStyle: {
        align: "left",
        color: "rgba(255,255,255,0.8)",
        padding: [0, 0, 0, -20],
        fontSize: 14,
      },
      splitLine: {
        show: true,
        lineStyle: {
          type: "dashed",
          color: "#2D4377",
          opacity: 0.5,
        },
      },
      axisTick: {
        show: false,
      },
      axisLine: {
        show: true,
        lineStyle: {
          color: "#2D4377",
        },
      },
      axisLabel: {
        textStyle: {
          color: "rgba(255,255,255,0.8)",
          fontSize: 14,
        },
      },
    },
  ],
  legend: {
    top: "5%",
    right: "0",
    textStyle: {
      color: "#fff",
      fontSize: 14,
    },
    itemStyle: {
      color: "#00D6B2",
    },
  },
  series: [
    // 下半截柱状图
    {
      name: "高清网络枪型固定摄像机",
      type: "bar",
      barWidth: 12,
      barGap: "-100%",
      itemStyle: {
        // lenged文本
        opacity: 1,
        barBorderRadius: [13, 13, 13, 13],
        color: function (params) {
          var a = params.name.slice(0, 2);
          return new echarts.graphic.LinearGradient(
            0,
            0,
            0,
            1,
            [
              {
                offset: 0,
                color: "#00E4BB", // 0% 处的颜色
              },
              {
                offset: 1,
                color: "#003B4E", // 100% 处的颜色
              },
            ],
            false
          );
        },
      },
      data: [],
    },
    {
      name: "",
      type: "bar",
      barWidth: 12,
      barGap: "-100%",
      z: 0,
      itemStyle: {
        color: "#0BA7DA",
        opacity: 0.1,
      },
      data: [],
      tooltip: {
        show: false,
      },
    },
  ],
};

// option && myChart3.setOption(option);
// if (option && typeof option === "object") {
//     myChart3.setOption(option, true);
//     refreshChart(myChart3,option);
//     var index3 = 0; //播放所在下标
//     var mTime = setInterval(function () {
//             myChart3.dispatchAction({
//                 type: 'showTip',
//                 seriesIndex: 0,
//                 dataIndex: index3
//             });
//             index3++;
//             if (index3 >= 6) {
//                 //console.log('data4', fxdata.length)
//                 index3 = 0;
//                 //console.log(fxdata)
//             }
//     }, 2600);
// }

export default options;