羞愁 2022-03-10 08:54 采纳率: 100%
浏览 185
已结题

VUE 中 Echarts折线堆叠图 线条可以上下拖动 显示实时数据

想要实现的效果: Echarts折线堆叠图中有曲线和一条直线,要求上下拖动这条直线实时显示数据,直线是因为后端返回的接口里数值都是一样的就是直线了,

img

if (this.analysisModel.amplificationData.amplificationParam.graphType === '1') {
        for (let i = 0; i < thresholdLineData.length; i++) {
          let thresholdArr = thresholdLineData[i].split('|')
          let thr = []
          for (let j = 0; j < this._CycleCount; j++) {
            console.log(this._CycleCount);
            thr.push(thresholdArr[0])
          }
          let color = 'blue'
          if (thresholdArr[1] === '0') {
            color = '#1E90FF'
          } else if (thresholdArr[1] === '1') {
            color = '#FFD700'
          } else if (thresholdArr[1] === '2') {
            color = '#90EE90'
          } else if (thresholdArr[1] === '3') {
            color = '#FF4500'
          }
          let series = {
            name: '阈值线',
            type: 'line',
            data: thr,
            showSymbol: false,
            showAllSymbol: false,
            sampling: 'average',//降采样策略,
            itemStyle : {
              normal : {
                color: color,
                lineStyle:{
                  color: color,
                  width: 2
                }
              }
            },
          }
          seriesData.push(series)
        }
      }

  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 3月18日
    • 创建了问题 3月10日

    悬赏问题

    • ¥15 我的R语言提示去除连锁不平衡时clump_data报错,图片以下所示,卡了好几天了,苦恼不知道如何解决,有人帮我看看怎么解决吗?
    • ¥15 在获取boss直聘的聊天的时候只能获取到前40条聊天数据
    • ¥20 关于URL获取的参数,无法执行二选一查询
    • ¥15 液位控制,当液位超过高限时常开触点59闭合,直到液位低于低限时,断开
    • ¥15 marlin编译错误,如何解决?
    • ¥15 有偿四位数,节约算法和扫描算法
    • ¥15 VUE项目怎么运行,系统打不开
    • ¥50 pointpillars等目标检测算法怎么融合注意力机制
    • ¥20 Vs code Mac系统 PHP Debug调试环境配置
    • ¥60 大一项目课,微信小程序