求技術帝看看這種圖表如何實現

1. <font face="Verdana">http://digital-cameras.toptenreviews.com/compact/</font>

複製代碼

5 P% ^! s: b6 O) v# t+ f還有內頁的這種圖表
* t( l/ A2 s8 ~: R+ m2 L. a" M9 _

1. <font face="Verdana">http://digital-cameras.toptenreviews.com/compact/fujifilm-usa/fujifilm-finepix-f-review.html</font>

複製代碼

. ?' ~( w; O( n( V) m3 }0 P' y
% `9 Q+ f5 L( F; d- l' V0 E
/ B6 x0 M- s: \7 L5 P
7 K8 Z8 L- g: W( t8 h  f
貌似是JS，有沒有高人能把這部分的代碼弄出來？


: l. w5 H6 n6 j  g: \( w9 ?

不會的先路過
# v4 y$ O! b2 Z. p& u' |8 m: U等高人出現再來學習。。。
. t! u1 i; e; w( i

同樣不懂的路過。。。。
2 @7 r3 m1 A4 y( t4 g5 W可能需要用到php？？

太複雜了，不好扒代碼~~~~~~~~~~~而且線狀圖還得跟數據庫有關聯
' {4 {/ P& l4 P- [  Z& Z" m

首先得知道這種圖標的源頭在哪，然後才好調用額
& v7 L2 u$ A! w

代碼還是很容易看懂吧
柱狀圖的CLASS都是一樣的(graphr_bar)，就可以找到這個函數
4 r/ W$ C( B* g  `2 Bfunction show_one_rate_graph(selected_rating_position)

用簡單的表格花花就好了。沒必要弄這麼複雜的。。
搜索引擎沒準還識別不出來。
/ s- d6 Q$ o5 R4 A6 K% I8 @

Bootstrap開源項目: http://www.bootcss.com/p/chart.js/

  ~4 L+ X8 X/ o- o4 S( O

補充內容 (2013-6-6 13:01):
Keywords: Infographic online

微軟強大的MSChart圖表控件可以實現，多複雜的圖表都可實現，只是需要用到asp.net編程。
) C, a4 Q4 S: [3 }簡單點的用JQuery的圖表插件如jqPlot、flot 等。很快能實現

1 q5 \8 d  E4 g6 r2 ^! Q$ x

這個網站很強大的，很多2級域名，全做這種站
' p& b, ~9 m9 N