jQuery簡單圖表peity.js使用範例_jquery

複製程式碼程式碼如下：

jQuery(function (){
$(".bar-colours-1").peity("bar", {
顏色: ["紅色", "綠色", "藍色"],寬度: 100,高度:100
})
$(".bar-colours-2").peity("bar", {
顏色: function(value) {
傳回值> ; 0 ? "綠色" : "紅色"
},寬度: 100,高度:100
})
$(".bar-colours-3").peity("bar", {
顏色: function (_, i, all) {
var g = parseInt((i / all.length) * 255)
return "rgb(255, " g ", 0)"
},寬度: 100 ,高度:100
})
$(".pie-colours-1").peity("pie", {
顏色: ["青色", "洋紅色", "黃色", "黑色"],直徑:100
})
$(".pie-colours-2").peity("pie", {
顏色: function(_, i, all) {
var g = parseInt((i / all.length) * 255)
return "rgb(255, " g ", 0)"
},diameter:100
})


var updateChart = $(".updating-chart").peity("line", { width: 150,height:50})
setInterval(function() {
var random = Math .round(Math.random() * 10)
var value = movingChart.text().split(",")
values.shift()
values.push(random)
updatingChart
.text(values.join(","))
.change()
}, 1000)
})
;
頭>

5,3,9,6,5,9,7,3,5,2
5,3,2,-1,-3,-2,2,3,5,2;
0,-3,-6,-4,-5,-4,-7,-3,-5,-2

;
4,7,6,5
5,3,9,6,5

;
5,3,9,6,5,9,7,3,5,2,5,3,9,6,5,9,7,3 ,5,2
身體>