大佬们,echarts这种平均线能画出来吗?

image.png
平均得分线的数值是鼠标悬停的的那一个月的平均值,也就是说鼠标横向移动时,平均得分线的位置会动态变化。

阅读 4.8k
3 个回答

这个的关键是数据怎么获取,然后就是处理来在页面上增加一个线。
有数据规则,肯定可以获取和画出这个线来的。

添加一条新的折现,然后把线宽设置为0,添加markLine,即可按自己自定义的值,显示出平均值的效果
{

      name: '平均值',
      type: 'line',
      data: new Array(data.length).fill(avg),//根据折线图X轴值长度填充自定义值avg
      lineStyle: {
        normal: {
          width: 0,//线宽设置为0 !!!
        },
      },

    
      symbolSize: 0,
      markLine: {
        silent: true,
        data: [
          {
            type: 'average',
            name: '平均里程',
          },
        ],
        precision: 0,
        label: {
          normal: {
            position: 'middle',
            color: 'rgba(248,211,81,.7)',
            fontSize: 18,
            formatter: '平均里程: \n {c}km',
          },
        },
        lineStyle: {
          normal: {
            color: 'rgba(248,211,81,.7)',
          },
        },
      },
    },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题