2011-03-28 79 views

回答

1

你可以使用GD庫,對吧?

應該能夠使用它做一個線圖作爲圖像。您必須確定一個比例尺和所有這些,並找出如何將其映射到圖像的X和Y座標,然後使用該座標值將數字數據繪製到圖上,並使用imageline()爲其繪製線。

這將是最兼容的方法。 Java可以被關閉,而Flash不被普遍支持。

+0

是的,這是我在 – 2011-03-28 14:46:17

+0

的舞臺爲什麼你不能使用JPGraph,如果你有GD的支持? – 2011-03-28 14:51:26

0

我不想給你一個特定的圖書館使用,但如果你搜索谷歌的「閃光圖」,你會發現大量的閃光圖形軟件。請參閱http://www.google.ca/search?q=flash+graph&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a

請注意,這些不需要在您的服務器上安裝任何內容(不像jpGraph如何需要GD)。

+0

好建議那裏,閃光燈將是一個很大的幫助。但是要求指出,像iphones這樣的小設備(上帝幫助我)應該能夠查看圖表,如果我使用flash,能夠查看圖形的設備數量將會太少。 – 2011-03-28 14:11:13

3

谷歌有一個相當全面的圖表API可通過JavaScript調用或簡單的圖像鏈接。 http://code.google.com/apis/charttools/index.html

+0

這個鏈接如何連接數據庫? – 2011-03-28 14:25:10

+0

您必須使用php將數據拉出並與數據一起形成圖像src。 – Phoenix 2011-03-28 14:29:17

0

要支持移動設備,您可以使用JavaScript圖表庫(如Flot(http://code.google.com/p/flot/))。

實施例:http://people.iola.dk/olau/flot/examples/basic.html

這將工作桌面(IE/Firefoex /鉻/ Safari瀏覽器),以及移動(式IO/Android設備/黑莓)。

0

jqPlot最近出現了突飛猛進的發展。

幾站出來,從我的角度來看的特點:

  • 正確執行旋轉軸的標籤/文本(谷歌圖表不能做到這一點)
  • 能夠繪製許多圖表類型,包括泡沫和燭臺圖表(如盒須圖)
  • 基於jQuery那麼容易,如果你已經使用jQuery
  • 不需要集成外部託管API
  • 免費

從他們的網站特點:

  • 大量圖表樣式選項。
  • 具有可自定義格式的日期軸。
  • 最多9個Y軸。
  • 旋轉軸文本。
  • 自動趨勢線計算。
  • 工具提示和數據點高亮顯示。
  • 明智的默認設置易於使用。

我在一個大型項目試用下面的 「競爭對手」 後使用jqPlot的時刻:

爲了好玩這裏是用純SQL編寫了一個有效的ASCII餅圖:http://code.openark.org/blog/mysql/sql-pie-chart

0

你可以讓一個柱狀圖,使用PHP,HTML和CSS相對容易。

HTML/CSS部分:正如上面所指出的上校彈片:

這是因爲小學數學 和基本HTML一樣簡單只是一對夫婦的div這種

<div style="background-color:black;width:50%;">&nbsp;</div> 
<div style="background-color:black;width:30%;">&nbsp;</div> 
<div style="background-color:black;width:20%;">&nbsp;</div> 

自定義酒吧圖片:如果你想要一個稍微有點兒的酒吧,你可以使用你自己的習慣形象es,通過寬度:< img />標記的CSS屬性進行操縱。

搜索查詢波紋管含有至少2個易懂,易於教程,如何使自己的條形圖PHP/ google search for detailed tutorials

這種方法應該是佔用資源少消耗了最終用戶的計算機上,相比於JavaScript API。

+0

棒圖!=線圖 – Phoenix 2011-03-28 14:52:53

+0

好點,鳳凰,我的不好。 下面是關於如何在PHP中使用GD庫生成線圖的一段非常有趣的代碼。 [鏈接](http://www.plus2net.com/php_tutorial/gd-linegp.php) – 2011-03-28 15:11:27

+0

你知道,用HTML和CSS做線圖也許是可能的。雖然會有點痛苦。您需要使用小型的旋轉CSS選項,並且您必須計算從最後一個點到下一個點的角度以及兩者之間的距離。這與條形圖相比可能是不太可行的。 – Phoenix 2011-03-28 17:23:16