1. 首頁
  2. 問答
  3. 快速簡單的PHP/Javascript圖

快速簡單的PHP/Javascript圖

2009-09-24 39 views
5

我正在尋找一個簡單和易於集成的圖形來顯示Web應用程序中的銷售統計信息。快速簡單的PHP/Javascript圖

我基本上會給它提供月份的名稱和當月的銷售數量。我希望它能繪製一張顯示統計數據的圖表。

這是最好的解決方案是什麼？我寧願有吸引力但仍易於集成的東西

來源

2009-09-24 Click Upvote

回答

7

Google Charts。這裏有幾個PHP包裝：

來源

2009-09-24 11:51:32 cletus

+1

還有幾個要添加到列表中： http://pchart.sourceforge.net/ http://teethgrinder.co.uk/open-flash-chart-2/ – 2009-09-24 12:44:03

+0

@Phill：那些不是Google圖表。我只列出了Google Charts包裝器。 – cletus 2009-09-24 13:09:58

2

您可以使用jQuery visualize插件，它是一個可自定義且易於使用的組件，它使用html元素，因此您必須檢查瀏覽器的兼容性。

jQuery Visualize

來源

2009-09-24 11:01:33 NDM

1

最好的和最簡單的解決辦法是使用amCharts（http://amcharts.com/）。這是一個flash組件（可能不是你所期望的），但它總是我的選擇。

來源

2009-09-24 11:05:00

1

如果你不需要一個非常複雜的圖形，你可以用一些簡單的HTML繪製一個簡單的條形圖。我看到UI設計師使這種技術看起來非常令人印象深刻。

好處是您不需要額外的庫或擔心性能或頁面重量。

由於我是什麼意思一個簡單的例子：

<html> 
    <body> 
    <div width="100%"> 
     <div style="float:left; width:70px">Jan</div> 
     <div style="background: #0A0; width: 300px; margin-left:70px" >$300</div> 
    </div> 
    <div width="100%"> 
     <div style="float:left; width:70px">Feb</div> 
     <div style="background: #A00; width: 122px; margin-left:70px" >$122</div> 
    </div> 
    <div width="100%"> 
     <div style="float:left; width:70px">Mar</div> 
     <div style="background: #00A; width: 421px; margin-left:70px" >$421</div> 
    </div> 
    <div width="100%"> 
     <div style="float:left; width:70px">Apr</div> 
     <div style="background: #0AA; width: 17px; margin-left:70px" >$17</div> 
    </div> 
    </body> 
</html>

來源

2009-09-24 11:12:28 leonm

相關問題

 相關問題