Echarts 报警差折线图输入算法

AngzaiOO

于 2022-03-10 12:58:47 发布

阅读量950

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/AngzaiOO/article/details/123398892

版权

本文详细介绍了如何使用Echarts库在Vue.js应用中创建报警差折线图。通过JavaScript实现数据处理和图表配置，探讨了算法在折线图动态展示报警差值的关键步骤，为开发者提供了实用的图表绘制指南。

摘要由CSDN通过智能技术生成


```typescript
 dataBJCfunc(gaps, dataZC, dataBJ) {
      const dataBJC = []  // 报警差值
      const dataBJ2 = []  // 处理后的报警
      for (let i = 0; i < dataZC.length; i++) {
        dataBJ2.push([
          new Date(new Date(dataBJ[i][0]).getTime()).Format(
            'yyyy-MM-dd hh:mm:ss'
          ),
          dataBJ[i][1]
        ])
        if (dataZC[i][1] >= dataBJ[i][1]) {   // 正常值>=报警值
          dataBJC.push([dataZC[i][0], dataZC[i][1] - dataBJ[i][1]])
          if (i < dataZC.length - 1 && dataZC[i + 1][1] < dataBJ[i + 1][1]) {
            const diff =
              (gaps[i] * (dataZC[i][1] - dataBJ[i][1])) //
              (dataZC[i][1] -
                dataBJ[i][1] +
                dataBJ[i + 1][1] -
                dataZC[i + 1][1])
            const dateStr = new Date(
              new Date(dataZC[i][0]).getTime() + diff * 1000
            ).Format('yyyy-MM-