mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 16:58:06 +08:00
46 lines
2.6 KiB
JavaScript
46 lines
2.6 KiB
JavaScript
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg, list, cb, target) {
|
|
can.require(["/plugin/local/wiki/draw.js", "/plugin/local/wiki/draw/path.js"], function() {
|
|
var height = msg.Option(html.HEIGHT)||can.ConfHeight()
|
|
can.onmotion.clear(can), can.base.isFunc(cb) && cb(msg)
|
|
can.onmotion.clear(can), can.onimport._show(can, msg)
|
|
var r = height/2-20, margin = 20; can.svg.Val(html.WIDTH, 2*(r+margin)), can.svg.Val(html.HEIGHT, 2*(r+margin))
|
|
can._args = can.base.Copy({field: "value"}, can.base.ParseURL(can._display))
|
|
can.onimport._draw(can, msg, can._args.field, r+margin, r+margin, r, margin, 0)
|
|
can.onmotion.clear(can, can.ui.project), can.onappend.table(can, msg, null, can.ui.project)
|
|
can.onmotion.hidden(can, can.ui.project, true)
|
|
var rest = can.ConfWidth()-height
|
|
can.page.Modify(can, can.ui.project, {style: {"max-width": rest}})
|
|
can.page.Select(can, can.ui.project, html.TR, function(tr, index) {
|
|
can.page.Modify(can, tr, {onmouseenter: function(event) {
|
|
can.onmotion.clear(can, can.svg), can.onimport._draw(can, msg, can._args.field, r+margin, r+margin, r, margin, index-1)
|
|
}})
|
|
})
|
|
})
|
|
},
|
|
_draw: function(can, msg, field, x, y, r, margin, which) {
|
|
function pos(x, y, r, angle) { angle -= 90
|
|
return [x + r * Math.cos(angle * Math.PI / 180), y + r * Math.sin(angle * Math.PI / 180)]
|
|
}
|
|
function pie(x, y, r, begin, span, color, cb) { can.onimport.draw({}, can, {shape: "path", style: {
|
|
"stroke-width": 1, stroke: color, fill: color, d: can.base.joins([
|
|
["M", x, y], ["L"].concat(pos(x, y, r, begin)), ["A", r, r, "0", span>180? "1": "0", "1"].concat(pos(x, y, r, begin+span)), ["Z"]
|
|
], ice.SP, ice.FS),
|
|
}, onmouseenter: function(event) {
|
|
can.base.isFunc(cb) && cb(event)
|
|
} }) }
|
|
|
|
var total = 0; msg.Table(function(value) { total += parseInt(value[field]) })
|
|
var color = [cli.RED, cli.YELLOW, cli.GREEN, cli.CYAN, cli.BLUE, cli.PURPLE, cli.WHITE, cli.BLACK]
|
|
var begin = 0; msg["color"] = [], msg["weight"] = [], msg.Table(function(value, index) { var span = parseInt(value[field])/total*360
|
|
var p = index==which? pos(x, y, margin, begin+span/2): [x, y]; index == which && can.Status(value)
|
|
var c = color[index%color.length]; pie(p[0], p[1], r, begin, span, c, function(event) {
|
|
if (index == can._last) { return } can._last = index
|
|
can.onmotion.clear(can, can.svg), can.svg.Value("count", 0)
|
|
can.onimport._draw(can, msg, field, x, y, r, margin, index)
|
|
can.onimport._profile(can, event.target)
|
|
}), begin += span, msg.Push("color", '<span style="background-color:'+c+'"> </span>')
|
|
msg.Push("weight", parseInt(parseInt(value[field])*10000/total)/100+"%")
|
|
})
|
|
},
|
|
})
|