2010-04-17 6 views
0

Недавно я нашел красивый график, когда просматривал adminskins в ThemeForest, и в одном из шаблонов я нашел действительно красивый, гладкий, чистый граф. Но я ищу arround, но до сих пор без ведома выяснения, какое решение используется.Я ищу это графическое решение

И пример можно найти по адресу: http://enstyled.com/adminus/original/page.html

Источником этого графика выглядит следующим образом:

<table class="stats bar" cellpadding="0" cellspacing="0" width="100%"> 

        <thead> 
         <tr> 
          <td>&nbsp;</td> 
          <th scope="col">02.09</th> 
          <th scope="col">03.09</th> 
          <th scope="col">04.09</th> 
          <th scope="col">05.09</th> 
          <th scope="col">06.09</th> 
          <th scope="col">07.09</th> 
          <th scope="col">08.09</th> 
          <th scope="col">09.09</th> 
          <th scope="col">10.09</th> 
          <th scope="col">11.09</th> 
          <th scope="col">12.09</th> 
          <th scope="col">01.10</th> 
          <th scope="col">02.10</th> 
          <th scope="col">03.10</th> 
         </tr> 
        </thead> 

        <tbody> 
         <tr> 
          <th scope="row">Page views</th> 
          <td>1800</td> 
          <td>900</td> 
          <td>700</td> 
          <td>1200</td> 
          <td>600</td> 
          <td>2800</td> 
          <td>3200</td> 
          <td>500</td> 
          <td>2200</td> 
          <td>1000</td> 
          <td>1200</td> 
          <td>700</td> 
          <td>650</td> 
          <td>800</td> 
         </tr> 

         <tr> 
          <th scope="row">Unique visitors</th>         
          <td>1600</td> 
          <td>650</td> 
          <td>550</td> 
          <td>900</td> 
          <td>500</td> 
          <td>2300</td> 
          <td>2700</td> 
          <td>350</td> 
          <td>1700</td> 
          <td>600</td> 
          <td>1000</td> 
          <td>500</td> 
          <td>400</td> 
          <td>700</td> 
         </tr> 
        </tbody> 
       </table> 

Может кто-то пожалуйста, скажите мне, какой graphingsolution используется здесь?

ответ

1

Эта страница просто рисует линии в теге холста.

+0

Спасибо за ваш ответ! Теперь я понимаю, почему они включили excanvas.js в свой источник;) – Ben

1

На этой странице они используют jquery, и вы можете использовать Flot который является графическим плагином в jquery.

+0

Спасибо за ваш ответ! Я видел Флот раньше (когда Googling;)), это выглядит довольно многообещающе. Я попробую! – Ben

Смежные вопросы