lolbox.duowan.com/pcbox/frontend/tpl/generalEcharts.tmpl

<div class="mod-tabs-content no-phone-card">
    <div class="mod-top clearfix">
      <div class="clearfix da-ye-bd">
        <!--<div class="recent-game-wrap fl">
          <div class="charts-round-wrap composite-rate">
            <h3 class="charts-title">综合胜率</h3>
            <div id="compositeRateContainer" class="charts-wrap"></div>
            <div class="round-mask">
                <h3><%=data.stat_perf.kda.average_win_rate%>%</h3>
            </div>
            <div class="charts-more">
              <h3>&nbsp;</h3>
              <p>
                <span class="col-l">场均击杀</span>
                <span class="col-r"><%=data.stat_perf.kda.average_k%></span>
              </p>
              <p>
                <span class="col-l">场均死亡</span>
                <span class="col-r"><%=data.stat_perf.kda.average_d%></span>
              </p>
              <p>
                <span class="col-l">场均助攻</span>
                <span class="col-r"><%=data.stat_perf.kda.average_a%></span>
              </p>
            </div>
          </div>
        </div>
        <div class="split-line one"></div>-->
        <div class="jungle-area-wrap fl">
          <div class="charts-round-wrap jungle-area">
            <h3 class="charts-title">战斗力构成</h3>
            <div id="jungleAreaContainer" class="charts-wrap"></div>
            <div class="round-mask">
                <h3 class="data-userPosition" data-percent="<%= data.box_score / 20000 * 100 %>"><%=data.box_score%></h3>
            </div>
            <div class="charts-more best-position__data">
              <h3><a href="http://lol.duowan.com/1611/343923769188.html" target="_blank" style="color: red;font-weight:400;">战斗力波动公告</a></h3>
              <p>
                <span class="col-l">基础分</span>
                <span class="col-r"><%=data.elo_score%></span>
              </p>
              <p>
                <span class="col-l">胜率分</span>
                <span class="col-r"><%=data.win_ratio_score%></span>
              </p>
              <p>
                <span class="col-l">胜场分</span>
                <span class="col-r"><%=data.win_battle_score%></span>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mod-bottom">
      <div class="right-part">
        <div class="right-hd">
          <h2>最近比赛</h2>
          <span class="first-win">
            <span id="firstMsg" class="first-msg"></span>
            <div class="first-win-hover hide">
              <i class="avatar-arrow"></i>
              <span id="firstTime" class="first-time">额外奖励倒计时：<span class="f-time"></span></span>
            </div>
          </span>
          <span id="flag"></span>
          <a id="moreGameResult" class="more" style="padding-right:5px;">更多<i></i></a>
        </div>
        <div class="right-bd">
          <ul id="history">
          </ul>
        </div>
      </div>
      <%
        //  经典对战
        var class_total = data.total_win_normal + data.total_lose_normal;
        var class_winRate = parseInt((data.total_win_normal / class_total)*100) || 0;

        //极地大乱斗
        var aram_total = data.total_win_aram + data.total_lose_aram;
        var aram_winRate = parseInt((data.total_win_aram / aram_total)*100) || 0;

        //人机
        var bot_total = data.total_win_bot + data.total_lose_bot;
        var bot_winRate = parseInt((data.total_win_bot / bot_total)*100) || 0;

        var _s7 = data.formatted_ranked_history.flex_sr || data.formatted_ranked_history.s7;
        var _s7_dsp = data.formatted_ranked_history.s7;//S7单双排
        var _s6 = data.formatted_ranked_history.s6;
        var _s5 = data.formatted_ranked_history.s5;

        var S7_total = _s7.lo + _s7.w;
        var S7_winRate = parseInt((_s7.w / S7_total)*100) || 0;

        var S6_total = _s6.lo + _s6.w;
        var S6_winRate = parseInt((_s6.w / S6_total)*100) || 0;

        var s7_dsp_total = _s7_dsp.lo + _s7_dsp.w;
        var s7_dsp_winRate = parseInt((_s7_dsp.w / s7_dsp_total)*100) || 0;

        var S6_total = _s6.lo + _s6.w;
        var S6_winRate = parseInt((_s6.w / S6_total)*100) || 0;

        if ( _s5 ){
          var S5_total = _s5.lo + _s5.w;
          var S5_winRate = parseInt((_s5.w / S5_total)*100) || 0; 
        }
      %>
      <div class="left-part clearfix">
        <div class="p-table">
          <div class="table-history">
            <table> 
              <thead>
                <tr>
                  <th width="90">比赛类型</th>
                  <th width="50">总场次</th>
                  <th width="40">胜率</th>
                  <th width="50">胜场</th>
                  <th width="50">负场</th>
                  <th width="50">段位</th>
                  <th class="last" width="40">胜点</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td width="90">匹配</td>
                  <td width="50"><%= class_total %></td>
                  <td width="40"><%= class_winRate %>%</td>
                  <td class="table-win" width="50"><%= data.total_win_normal %></td>
                  <td class="table-lose" width="50"><%= data.total_lose_normal %></td>
                  <td width="50">--</td>
                  <td class="last" width="40">--</td>
                </tr>
                <tr class="<% if ( _s7 ) { %>table-history__lastseason<%}%>">
                  <td width="90" class="toggle-s4-s5">S7灵活组排<% if ( _s7 ) { %><i class="table-arrow"></i><%}%></td>
                  <td width="50"><%= S7_total %></td>
                  <td width="40"><%= S7_winRate %>%</td>
                  <td class="table-win" width="50"><%= _s7.w %></td>
                  <td class="table-lose" width="50"><%= _s7.lo %></td>
                  <td width="50"><%= formatDW(_s7) %></td>
                  <td class="last" width="40"><%= _s7.p %></td>
                </tr>
                <% if ( _s7_dsp ){ %>
                <tr class="s4-s5">
                  <td width="90">S7单双排</td>
                  <td width="50"><%= s7_dsp_total %></td>
                  <td width="40"><%= s7_dsp_winRate %>%</td>
                  <td class="table-win" width="50"><%= _s7_dsp.w %></td>
                  <td class="table-lose" width="50"><%= _s7_dsp.lo %></td>
                  <td width="50"><%= formatDW(_s7_dsp) %></td>
                  <td class="last" width="40"><%= _s7_dsp.p %></td>
                </tr>
                <% } %>
                <% if ( _s6 ){ %>
                <tr class="s4-s5">
                  <td width="90">S6排位赛</td>
                  <td width="50"><%= S6_total %></td>
                  <td width="40"><%= S6_winRate %>%</td>
                  <td class="table-win" width="50"><%= _s6.w %></td>
                  <td class="table-lose" width="50"><%= _s6.lo %></td>
                  <td width="50"><%= formatDW(_s6) %></td>
                  <td class="last" width="40">--</td>
                </tr>
                <% } %>
                <!--<% if ( _s5 ){ %>
                <tr class="s4-s5">
                  <td width="90">S5排位赛</td>
                  <td width="50"><%= S5_total %></td>
                  <td width="40"><%= S5_winRate %>%</td>
                  <td class="table-win" width="50"><%= _s5.w %></td>
                  <td class="table-lose" width="40"><%= _s5.lo %></td>
                  <td width="50"><%= formatDW(_s5) %></td>
                  <td class="last" width="40">--</td>
                </tr>
                <% } %>-->
                <tr>
                  <td width="90">大乱斗</td>
                  <td width="50"><%= aram_total %></td>
                  <td width="40"><%= aram_winRate %>%</td>
                  <td class="table-win" width="50"><%= data.total_win_aram %></td>
                  <td class="table-lose" width="50"><%= data.total_lose_aram %></td>
                  <td width="50">--</td>
                  <td class="last" width="40">--</td>
                </tr>
                <tr>
                  <td width="90">人机</td>
                  <td width="50"><%= bot_total %></td>
                  <td width="40"><%= bot_winRate %>%</td>
                  <td class="table-win" width="50"><%= data.total_win_bot %></td>
                  <td class="table-lose" width="50"><%= data.total_lose_bot %></td>
                  <td width="50">--</td>
                  <td class="last" width="40">--</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="p-adwrap">
        </div>
      </div>
    </div>
</div>