2010-04-17 96 views
0

最近我在ThemeForest浏览管理员的时候发现了一个漂亮的图表,在其中一个模板中,我发现了一个非常好的,平滑的,干净的图表。但我一直在搜索周围,但迄今没有找到使用哪种解决方案的运气。我在寻找这个图形解决方案

而且例如,可以发现: 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 2010-04-17 07:57:04

1

在该页面中,他们正在使用jQuery,你可以使用Flot这是一个jQuery插件图形。

+0

感谢您的回复!我之前看过Flot(当谷歌搜索时),它看起来很有希望。我会试一试! – Ben 2010-04-17 07:57:43