const Base_yAxis_num = {
  allowDecimals: false,
  // tickAmount: 4,
  useHTML: true,
  // offset: -10,
  // min: 0,
  labels: {
    useHTML: true,
    // enabled: false,
    style: {
      color: '#666',
      fontSize: '12px',
      fontWeight: 400,
    },
  },
  title: {
    text: null,
    style: {
      color: '#666',
      fontSize: '12px',
      fontWeight: 400,
    },
    align: 'high',
    rotation: 0,
    offset: -10,
    y: -20,
  },
  lineWidth: 0,
  gridLineDashStyle: 'dash',
  gridLineWidth: 1,
  gridLineColor: 'rgba(170, 185, 208, 0.2)',
};

const Base_yAxis_pre = {
  useHTML: true,
  allowDecimals: false,
  labels: {
    // enabled: false,
    useHTML: true,
    format: '{value}%',
    style: {
      color: '#666',
      fontSize: '12px',
      fontWeight: 400,
    },
  },
  // min: 0,
  title: {
    text: null,
    style: {
      color: '#666',
      fontSize: '12px',
      fontWeight: 400,
    },
    align: 'high',
    rotation: 0,
    offset: -10,
    y: -50,
  },
  lineWidth: 0,
  // ceiling: 100,
  tickAmount: 4,
  tickPositioner: function () {
    let positions = [];
    let tick = Math.floor(this.dataMin);
    let increment = Math.ceil((this.dataMax - this.dataMin) / 4) || 1;
    for (tick; tick - increment <= this.dataMax; tick += increment) {
      positions.push(tick);
    }
    if (positions[positions.length - 1] > 100) {
      positions[positions.length - 1] = 100;
    }
    return positions;
  },
  gridLineDashStyle: 'dash',
  gridLineWidth: 1,
  gridLineColor: 'rgba(170, 185, 208, 0.2)',
};

export { Base_yAxis_num, Base_yAxis_pre };