JSP의 수직 그래프 막대

Question

테이블에 동적으로 생성되는 가로형 그래프 막대가있는 JSP 페이지가 있습니다. 그래프 막대를 세로로 만들 수 있는지 잘 모르겠습니다. CSS를 통해 막대를 세로로 만들 수 있으면 도움이 필요합니다.

아무에게도 안내 할 수 있습니까? 어떻게해야합니까?

다음은 참조 용 코드입니다. 이게 도움이된다면.

<logic:greaterThan name="size" value="0"> 
    <table border="0" width="100%" align="left"> 
     <tr><td></td><td></td><td><font face="Verdana" size="10" color="#333399"><%=request.getAttribute("header")%></font></td></tr> 
     <tr><td height="120"></td><td></td><td valign="top" align="left"><hr width ="320"></td></tr> 

     <logic:iterate id="dayEntry" name="LeaveForm" property="results"> 
      <tr> 
       <td align="right" width="20%"></td> 
       <td align="right" width="10%"> 
        <bean:write name="dayEntry" property="month"/> 
       </td> 
       <td align="left" width="80%"> 
        <table width='<bean:write name="dayEntry" property="percent"/>%' bgcolor='<bean:write name="dayEntry" property="color"/>' title='<bean:write name="dayEntry" property="date"/>'> 
         <tr> 
          <td align="right"> 
           <font color="white"> 
             <bean:write name="dayEntry" property="days"/> 
           </font> 
          </td> 
         </tr> 
        </table> 
       </td> 
      </tr> 
     </logic:iterate> 
    <tr><td height="40"></td></tr> 
</table> 
      </logic:greaterThan> 

Answer 1

CSS3의 transform을 사용해보세요.