最近工作中碰到乙個需求，要求動態展示柱狀圖，大概效果如下：
看來是誤導大家了，當時為了上傳方便，只截了一部分。實際需求是展示乙個柱狀圖，資料是靜態的，不需要從後台獲取。是要在柱圖中實現類似圖中的效果。進度條的話，應該是非常常見的需求，實現的方法也比較多，純css設定transition，js控制寬度什麼的，都比較容易想到，不過用echarts的話，大家有什麼思路麼？
我自己試了下，效果不太好，也沒查到類似的demo，所以想請教下各位大神。
這是我的一開始的思路，效果很不好，希望各位大神不吝賜教：
var data = ,option = {};// 實際的資料和echarts的配置，不放了，可以隨便設
function setdata(i, num, count)else, 100);
for(var i=0,n = data.length;i
setdata(i, data[i], 10);
echart自定義動畫 Echarts動畫的使用
載入動畫的顯示與隱藏 echarts已經內建好了載入資料的動畫，我們只需要在合適的時機顯示或者隱藏即可。顯示載入動畫 mycharts.showloading 隱藏載入動畫 mycharts.hideloading 增量動畫的使用 不管是更改資料還是增加資料都要通過 mycharts.setopti...
自定義動畫
在製作自定義動畫時，有以下八個樣式可供選擇 animation name 動畫名稱 元素所應用的動畫名稱，必須與規則 keyframes 配合使用，因為動畫名稱由 keyframes 定義。animation duration 動畫時間 設定物件動畫的持續時間 animation timing fu...
CustomAnim自定義動畫
android只提供了4種基本動畫效果，除了可以疊加效果外，我們還可以進行自定義動畫。mainactivity.class不變 package com.customanim.customanim import android.os.bundle import android.view.view pu...