ES6模版字符串动态信息显示

需求场景

echarts的tooltilp显示，根据日月年等选项展示的内容不同，有的含超标次数，有的不含，可以通过style控制其显示和隐藏，代码如下：

formatter: function (param) {
              console.log(param)
              let html = "";
               param.forEach((v, index) => {
                    html += `<div style="color: #666;font-size: 14px;line-height: 24px"> <span                                                                                                                                                                                                                 style="display:inline-block;margin-right:5px;border-                                                                                          radius:10px;width:10px;height:10px;background-color:${v.color.colorStops[0].color };"></span> ${v.seriesName} :
         <span style="color:${
              v.color.colorStops[0].color
             };font-size: 16px;font-weight:600;">${v.value}</span><span ${ v.data.valueMaxDate !== '' || v.data.valueMinDate !== ''? 'class="show"' : 'class="hide' }>${v.data.valueMaxDate}${v.data.valueMinDate}</span>
          </br> 
         <span ${ v.data.excessiveNum !== ''? 'class="show"' : 'class="hide' }>超标${v.data.excessiveNum}次</span>
            `;
           });
              return html;
              }