echarts 曲线图自定义提示框





  
  
  曲线图
  
  
  



  
  

主要代码就是

  formatter: function (params) {
            var html = ''
            params.forEach(function (param) {
              var name = param.seriesName
              var value = param.value
              var unit = ''
              var color = param.color

              switch (name) {
                case '孔深':
                  unit = 'm'
                  break
                case '涌水量':
                  unit = 'm³/h'
                  break
                case '水温':
                  unit = '℃'
                  break
                case '水压':
                  unit = 'MPa'
                  break
                case '累计放水量':
                  unit = 'm³'
                  break
                case 'CH4':
                  unit = '%'
                  break
                default:
                  break
              }

              html += ' ' + name + ': ' + value + ' ' + unit + '
' }) return html }

效果如下

echarts 曲线图自定义提示框_第1张图片

你可能感兴趣的:(echarts,前端,javascript)