走航季度报告模块（待完成）

riku

2025-09-01 b33e28bc2843555355ecad59a80c83e3c26445a3

 src/utils/chart/chart-option.js

@@ -14,6 +14,38 @@
  return fontSize;
}

function baseVisualMap(area) {
  const _pieces = [];
  area.forEach((v, i) => {
    // if (i == 0) {
    //   _pieces.push({
    //     lt: v[0],
    //     color: 'green'
    //   });
    // }
    _pieces.push({
      gte: v[0],
      lte: v[1],
      color: 'red'
    });
  });
  // const lastOne = area[area.length - 1];
  // _pieces.push({
  //   gt: lastOne[1],
  //   color: 'green'
  // });
  return {
    type: 'piecewise',
    // type: 'continuous',
    show: false,
    dimension: 0,
    pieces: _pieces,
    outOfRange: {
      color: ['#5470c6']
    }
  };
}

// 折线图
function factorLineOption(_xAxis, _series) {
  var fontSize = fGetChartFontSize();
@@ -22,16 +54,27 @@
    animationDelayUpdate: function (idx) {
      return idx * 5;
    },
    // toolbox: {
    //   bottom: 0,
    //   feature: {
    //     dataZoom: {},
    //     magicType: {
    //       type: ['line', 'bar']
    //     },
    //     restore: {}
    //   }
    // },
    toolbox: {
      // bottom: 0,
      feature: {
        // dataZoom: {},
        // magicType: {
        //   type: ['line', 'bar']
        // },
        // restore: {
        //   title: '刷新'
        // },
        saveAsImage: {
          show: true,
          backgroundColor: '#122b54a9',
          name: '走航监测图',
          title: '保存为图片',
          iconStyle: {
            borderColor: '#fff'
          }
        }
      }
    },
    tooltip: {
      textStyle: {
        fontSize: fontSize
@@ -110,7 +153,7 @@
}

// 折线图
function smallLineOption(_xAxis, _series) {
function smallLineOption(_xAxis, _series, yMinInterval) {
  var fontSize = fGetChartFontSize();
  return {
    animationEasing: 'elasticOut',
@@ -123,10 +166,10 @@
      }
    },
    grid: {
      left: '11%',
      left: '12%',
      right: '2%',
      top: '7%',
      bottom: '20%'
      bottom: '30%'
    },
    legend: {
      show: false
@@ -187,7 +230,7 @@
        splitLine: {
          show: false
        },
        minInterval: 1,
        minInterval: yMinInterval ? yMinInterval : 1,
        intervel: 1,
        min: function (value) {
          return Math.floor(value.min);
@@ -290,4 +333,4 @@
  return option;
}

export { factorLineOption, smallLineOption, gaugeOption };
export { factorLineOption, smallLineOption, gaugeOption, baseVisualMap };