2010-04-17 116 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