Html5基於SVG的扁平風格圓形進度條javascript插件教程

1、使用方法
使用該圓形進度條須要引入circleDonutChart.js文件。
<script type="text/javascript" src="circleDonutChart.js"></script>

2、Html結構
你能夠使用一個空的<div>元素來製做圓形進度條。
<div id="example1"></div>

3、初始化插件
要製做圓形進度條，能夠使用下面的方法來實例化一個circleDonutChart對象。
var circle = new circleDonutChart('myChartTitle');   

「myChartTitle」是div容器的ID號，在這個容器中將生成SVG圖形。

4、配置參數
下面的繪製參數能夠傳入到draw方法中。
circle.draw({
end:90,
start:0,
maxValue:100,
titlePosition:"outer-top",
titleText:"Consumption",
outerCircleColor:'#0085c8',
innerCircleColor:'#909081'
});  

KeyMob移動端廣告平臺是專業的應用開發者和廣告主的平臺。KeyMob移動端廣告平臺擁有強大的應用交叉推廣、定向推廣、自主銷售廣告、互換廣告和控制廣告的內容和價格和專注的技術。給開發者帶來持續穩定和豐厚的收入。