HTML 테이블에서 하이 차트를 만들 때 tfoot 테이블 행을 무시하십시오.

하이 챠트를 어떻게 설정하여 HTML 테이블의 마지막 행을 무시할 수 있습니까? 전체 필드에 대해 다른 선 그래프를 작성하여 그래프를 엉망으로 만들기 때문에 태그 안에 셀의 데이터를 포함하고 싶지 않습니다.HTML 테이블에서 하이 차트를 만들 때 tfoot 테이블 행을 무시하십시오.

HTML :

<table class="internal-table tablesorter" id="heythere"> 
    <thead> 
     <tr> 
      <th>Internal</th> 

      <th>Marks</th> 
     </tr> 
    </thead> 

    <tbody> 
     <tr> 
      <th>1</th> 

      <td>20</td> 
     </tr> 

     <tr> 
      <th>2</th> 

      <td>20</td> 
     </tr> 

     <tr> 
      <th>3</th> 

      <td>10</td> 
     </tr> 
    </tbody> 

    <tfoot> 
     <tr> 
      <td class="total">Total</td> 

      <td>50</td> 
     </tr> 
    </tfoot> 
</table>

JS :이

$(function() { 
     $('#dc-graph').highcharts({ 
      data: { 
       table: document.getElementById('heythere') 
      }, 
      chart: { 
       type: 'line', 
       backgroundColor: 'transparent', 
       style: { 
        fontFamily: 'Lato', 
       } 
      }, 
      title: { 
       text: 'INTERNAL PERFORMANCE', 
       style: { 
        color: 'rgba(255,255,255,0.2)', 
        fontWeight: 'bold', 
        fontSize: '0.8rem', 
        letterSpacing: '1px' 
       } 
      }, 
      legend: { 
       enabled: false 
      }, 
      xAxis: { 
       allowDecimals: false, 
       lineColor: 'rgba(255,255,255,0.2)', 
       tickColor: 'rgba(255,255,255,0.1)', 
       labels: { 
        format: 'Internal #{value}', 
        style: { 
         color: 'rgba(255,255,255,0.5)', 
        } 
       }, 

      } 

      }, 
     }); 
    });

출처

2014-10-12 Shubham Kanodia