2012-09-29 114 views
0

我正在尋找JS/HTML5/CANVAS解決方案來爲具有不同值的餅圖製作動畫。我想可以點擊三年中的一個,也許效果如下,餅圖是改變動畫。我還沒有找到一個這樣的按鈕來切換的解決方案。動畫餅圖的任何JS框架?

+0

嘗試amCharts - http://www.amcharts.com/javascript-charts/3d-pie/動畫是好的! – Shubham

+0

THX但我編寫自己的解決方案:http://jsfiddle.net/philippkuehn/jDLux/ –

回答

1

好吧...我想我已經找到了我的解決方案與煎茶圖,但它是基於在畫布上,並執行在移動平臺上非常糟糕......在這裏,我找到了一個解決方案CSS3,這救了我的天! http://ehsankia.com/css3/3.php這是一個非常好的工作!

+0

這是我最終解決方案的代碼。它表現非常好! http://jsfiddle.net/philippkuehn/jDLux/ –

1

煎茶圖是一個真正的好框架。

+0

不錯,有這樣一個選項... http://dev.sencha.com/deploy/ChartsDemo/examples/圖表/ Pie.html 謝謝! –

+0

沒問題。享受:) – selanac82

1

像這樣的事情 - http://www.htmldrive.net/items/demo/921/Cool-HTML5-and-jQuery-Animated-pie-Chart

你在使用圖表的 - 你要什麼他們看起來和用起來怎麼樣?

+0

沒有選擇動畫值的變化。我可以初始化新的值...但不是動畫:/ –

+0

如果餅圖將以這種方式進行動畫製作,那麼我會建議查看代碼並編寫一個動畫功能。或者通過畫布創建自己並使用setTimeout或requestAnimationFrame –

+0

畫布不是我的東西:)所以我希望現有的解決方案。 selanac85發佈了一個非常酷的框架! –

0

Highcharts(因爲與在CSS> 180°的角度的問題)已被評爲最好的,我用它在企業級應用程序完全靈活,且支持SVG,這意味着在移動圖表工作太。

http://www.highcharts.com/