請問有前輩使用過Google Charts畫Bar Chart嗎？

#google charts plotly

fetjim 2019-10-24 04:00:19 ‧ 1100 瀏覽

請問有前輩使用過Google Charts、Plotly或其他函式庫畫Bar Chart嗎？
我想要畫的類似是這樣的圖

目前己經嘗試到這樣的程度，但看起來還是有一些差距，我想先試試看是否能做到類似上面的圖，若可以的話，再使用PHP或Python去撈MariaDB的資料餵給畫圖的函式庫，謝謝。

ccutmis iT邦高手 2 級 ‧ 2019-10-24 10:02:29 檢舉

推薦用 D3.js

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

ccutmis

iT邦高手 2 級 ‧ 2019-10-25 09:02:01

最佳解答

推薦用 D3.js

先前提供的demo版本有些舊(v2)，把它改成v5的版本給樓主參考。
另外也加了比例尺(scaleLinear)效果，它現在可以隨螢幕寬度不同而自動縮放。

座標軸(axes)跟轉場效果就請樓主自行研究了。

ccutmis iT邦高手 2 級 ‧ 2019-10-30 12:32:27 檢舉

先前提供的demo版本有些舊(v2)，把它改成v5的版本給樓主參考。

海綿寶寶

iT邦大神 1 級 ‧ 2019-10-24 10:02:56

我畫的 bar chart 是最基本的 bar chart
你這個複雜多了

還好 Google 得到有點類似的(使用 Google Chart)
做法說明
 Demo

可以用的話
選我正解

dragonH

iT邦超人 5 級 ‧ 2019-10-24 10:34:24

chart.js 參戰

立即登入回答