Echarts 动态取 Y 轴上的值

11 min read
    yAxis: {
      type: 'value',
      min: 0,
      interval: calculateYAxisInterval(props.chartList),
      splitLine: {
        show: false
      },
      axisLine: {
        lineStyle: {
          color: '#ccc',
        },
      },
    },

确保 Y 轴的刻度数量不会超过 5 个,同时间隔是根据数据的最大值动态计算的,以保持图表的灵活性和适应性

function calculateYAxisInterval(chartData) {
  const maxValue = Math.max(...chartData.map(item => item.articleCount));
  return Math.ceil(maxValue / 5); // 修改为除以 5,表示最多 5 个刻度
}