Mashable速度圖（圖片）

Question

我想知道如何創建像速度圖Mashable。

我不想讓它成爲現實，我只是想隨機顯示正向速度圖。

如何使用PHP或JavaScript創建這樣的速度圖形圖像？

我希望它看起來是這樣的：http://i.imgur.com/Y7R6JvZ.png

Answer 1

這是可以實現用帆布&的JavaScript。

我不會浪費時間在這裏列出相關資源，只需谷歌「繪製畫布圖」或類似的。

您需要存儲共享數據，這些數據可以通過社交網站API檢索。 Facebook，Twitter，Pinterest，Linked In都是簡單的GET調用，而且快速谷歌會爲您提供教程。

原則雖然，你必須：

1. 記錄份額數隨着時間的推移（PHP + MySQL的）
2. 負載，包括這個數據
3. 編寫JavaScript來繪製基於此數據的圖形頁面