echarts 平均值及 y轴刻度n等分配置-CSDN博客

本文详细介绍了如何在Echarts图表中计算并显示数据的平均值，并探讨了如何根据需求等分Y轴刻度，提供了一种在JavaScript环境中实现这一功能的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 平均值
markLine: {
      symbol: 'none',
      silent: true,
      label: {
      show: true,    
      normal: {
          formatter: '平均ROI: {c}',
       },       
       position: 'end',
    },

　　　　data: [　　

　　　　　{

　　　　　　type: 'average', // type 类型，可以是最大值max，最小值min，平均值

　　　　　　name: '平均值',

}

// 坐标轴刻度 n 等分
interval: maxValue / 5,  // maxValue为你计算出来的值， 即数组中的最大值

// 区域缩放 
dataZoom: [
      {
        show: true,
        start: 0,     //  初始化展示个数  开始百分比
        end: 10,    // 初始化展示个数  结束百分比 10 表示展示总数的10%
        zoomLock: true,  // 是否锁定选择区域（或叫做数据窗口）的大小。
        bottom: -13,  // 相对于容器高宽的位置
        backgroundColor: '#2E4E88',  // 缩放条背景色
        showDetail: false,   // 是否显示detail，即拖拽时候显示详细数值信息
      },
    ],