forked from x/volcanos
opt draw.js
This commit is contained in:
harveyshao
parent
63308b4ea5
commit
1e42313ffc
3
frame.js
3
frame.js
@ -278,7 +278,8 @@ Volcanos(chat.ONAPPEND, {help: "渲染引擎", list: [], _init: function(can, me
|
||||
return can.Update(event, can.Input(cmds, silent), cb, silent)
|
||||
}, can._outputs && can._outputs.push(table), table.sup = can, table._msg = msg
|
||||
|
||||
table._args = can.base.ParseURL(table._display), table._trans = can.base.Copy(table._trans||{}, can.core.Value(table, "onaction._trans"))
|
||||
table.Conf(table._args = can.base.ParseURL(table._display))
|
||||
table._trans = can.base.Copy(table._trans||{}, can.core.Value(table, "onaction._trans"))
|
||||
if (table.onimport && can.base.isArray(table.onimport.list) && table.onimport.list.length > 0) {
|
||||
can.onmotion.clear(can, can._option), can.onappend._option(can, {inputs: table.onimport.list})
|
||||
}
|
||||
|
||||
174
lib/misc.js
174
lib/misc.js
@ -1,95 +1,95 @@
|
||||
Volcanos("misc", {help: "通信协议", Message: function(event, can) { var msg = {}
|
||||
var proto = {_event: event, _can: can,
|
||||
RunAction: function(event, sub, cmds, meta) { var msg = can.request(event); meta = meta || sub&&sub.onaction || {}
|
||||
if (msg.Option(ice.MSG_HANDLE) == ice.TRUE) { return }
|
||||
if (cmds && cmds[0] == ctx.ACTION && can.base.isFunc(meta[cmds[1]])) { event = event._event||event
|
||||
return msg.Option(ice.MSG_HANDLE, ice.TRUE), can.core.CallFunc(meta[cmds[1]], {event: event, can: sub, msg: msg, button: cmds[1], cmd: cmds[1]}), true
|
||||
}
|
||||
return false
|
||||
},
|
||||
Display: function(file) { msg.Option(ice.MSG_DISPLAY, file) },
|
||||
DisplayStory: function(file) { msg.Option(ice.MSG_DISPLAY, "/plugin/story/"+file) },
|
||||
OptionStatus: function() { return msg.Option(ice.MSG_STATUS) },
|
||||
OptionProcess: function() { return msg.Option(ice.MSG_PROCESS) },
|
||||
OptionOrSearch: function(key) { return can.misc.Search(can, key)||msg.Option(key) },
|
||||
Option: function(key, val) {
|
||||
if (key == undefined) { return msg && msg.option || [] }
|
||||
if (can.base.isObject(key)) { can.core.Item(key, msg.Option) }
|
||||
if (val == undefined) { return msg && msg[key] && msg[key][0] || "" }
|
||||
return msg.option = can.base.AddUniq(msg.option, key), msg[key] = can.core.List(arguments).slice(1), val
|
||||
},
|
||||
Append: function(key, val) {
|
||||
if (key == undefined) { return msg && msg.append || [] }
|
||||
if (can.base.isObject(key)) { can.core.Item(key, msg.Append) }
|
||||
if (val == undefined) { return msg && msg[key] && msg[key][0] || "" }
|
||||
return msg.append = can.base.AddUniq(msg.append, key), msg[key] = can.core.List(arguments).slice(1), val
|
||||
},
|
||||
Result: function() { return msg.result && msg.result.join("") || "" },
|
||||
|
||||
Length: function() {
|
||||
var max = "", len = 0; can.core.List(msg.append, function(key, index) {
|
||||
if (msg[key] && msg[key].length > len) { max = key, len = msg[key].length }
|
||||
})
|
||||
return len
|
||||
},
|
||||
Table: function(cb) { if (!msg.append || msg.append.length == 0) { return }
|
||||
var max = "", len = 0; can.core.List(msg.append, function(key, index) {
|
||||
if (msg[key] && msg[key].length > len) { max = key, len = msg[key].length }
|
||||
})
|
||||
|
||||
return can.core.List(msg[max], function(value, index, array) { var one = {}, res
|
||||
can.core.List(msg.append, function(key) { one[key] = (msg[key]&&msg[key][index]||"") })
|
||||
return can.base.isFunc(cb) && (res = cb(one, index, array)) && res != undefined && res || one
|
||||
})
|
||||
},
|
||||
Clear: function(key) { switch (key||ice.MSG_APPEND) {
|
||||
case ice.MSG_APPEND:
|
||||
case ice.MSG_OPTION:
|
||||
can.core.List(msg[key], function(item) { delete(msg[item]) })
|
||||
default: msg[key] = []
|
||||
} },
|
||||
Copy: function(res) { if (!res) { return msg }
|
||||
res.result && (msg.result = (msg.result||[]).concat(res.result))
|
||||
res.append && (msg.append = res.append) && res.append.forEach(function(item) {
|
||||
var i = msg.option && msg.option.indexOf(item); if (i > -1) {
|
||||
msg.option[i] = "", delete(msg[item])
|
||||
var proto = {_event: event, _can: can,
|
||||
RunAction: function(event, sub, cmds, meta) { var msg = can.request(event); meta = meta || sub&&sub.onaction || {}
|
||||
if (msg.Option(ice.MSG_HANDLE) == ice.TRUE) { return }
|
||||
if (cmds && cmds[0] == ctx.ACTION && can.base.isFunc(meta[cmds[1]])) { event = event._event||event
|
||||
return msg.Option(ice.MSG_HANDLE, ice.TRUE), can.core.CallFunc(meta[cmds[1]], {event: event, can: sub, msg: msg, button: cmds[1], cmd: cmds[1]}), true
|
||||
}
|
||||
res[item] && (msg[item] = (msg[item]||[]).concat(res[item]))
|
||||
})
|
||||
res.option && (msg.option = res.option) && res.option.forEach(function(item) {
|
||||
res[item] && (msg[item] = res[item])
|
||||
})
|
||||
res._option && (msg._option = res._option) && res._option.forEach(function(item) {
|
||||
res[item] && (msg[item] = res[item])
|
||||
})
|
||||
return msg
|
||||
},
|
||||
Push: function(key, value, detail) {
|
||||
if (can.base.isObject(key)) {
|
||||
value = value||can.core.Item(key), can.core.List(value, function(item) {
|
||||
detail? msg.Push(mdb.KEY, item).Push(mdb.VALUE, key[item]||""): msg.Push(item, key[item]||"")
|
||||
return false
|
||||
},
|
||||
Display: function(file) { msg.Option(ice.MSG_DISPLAY, file) },
|
||||
DisplayStory: function(file) { msg.Option(ice.MSG_DISPLAY, "/plugin/story/"+file) },
|
||||
OptionStatus: function() { return msg.Option(ice.MSG_STATUS) },
|
||||
OptionProcess: function() { return msg.Option(ice.MSG_PROCESS) },
|
||||
OptionOrSearch: function(key) { return can.misc.Search(can, key)||msg.Option(key) },
|
||||
Option: function(key, val) {
|
||||
if (key == undefined) { return msg && msg.option || [] }
|
||||
if (can.base.isObject(key)) { can.core.Item(key, msg.Option) }
|
||||
if (val == undefined) { return msg && msg[key] && msg[key][0] || "" }
|
||||
return msg.option = can.base.AddUniq(msg.option, key), msg[key] = can.core.List(arguments).slice(1), val
|
||||
},
|
||||
Append: function(key, val) {
|
||||
if (key == undefined) { return msg && msg.append || [] }
|
||||
if (can.base.isObject(key)) { can.core.Item(key, msg.Append) }
|
||||
if (val == undefined) { return msg && msg[key] && msg[key][0] || "" }
|
||||
return msg.append = can.base.AddUniq(msg.append, key), msg[key] = can.core.List(arguments).slice(1), val
|
||||
},
|
||||
Result: function() { return msg.result && msg.result.join("") || "" },
|
||||
|
||||
Length: function() {
|
||||
var max = "", len = 0; can.core.List(msg.append, function(key, index) {
|
||||
if (msg[key] && msg[key].length > len) { max = key, len = msg[key].length }
|
||||
})
|
||||
return len
|
||||
},
|
||||
Table: function(cb) { if (!msg.append || msg.append.length == 0) { return }
|
||||
var max = "", len = 0; can.core.List(msg.append, function(key, index) {
|
||||
if (msg[key] && msg[key].length > len) { max = key, len = msg[key].length }
|
||||
})
|
||||
|
||||
return can.core.List(msg[max], function(value, index, array) { var one = {}, res
|
||||
can.core.List(msg.append, function(key) { one[key] = (msg[key]&&msg[key][index]||"") })
|
||||
return can.base.isFunc(cb) && (res = cb(one, index, array)) && res != undefined && res || one
|
||||
})
|
||||
},
|
||||
Clear: function(key) { switch (key||ice.MSG_APPEND) {
|
||||
case ice.MSG_APPEND:
|
||||
case ice.MSG_OPTION:
|
||||
can.core.List(msg[key], function(item) { delete(msg[item]) })
|
||||
default: msg[key] = []
|
||||
} },
|
||||
Copy: function(res) { if (!res) { return msg }
|
||||
res.result && (msg.result = (msg.result||[]).concat(res.result))
|
||||
res.append && (msg.append = res.append) && res.append.forEach(function(item) {
|
||||
var i = msg.option && msg.option.indexOf(item); if (i > -1) {
|
||||
msg.option[i] = "", delete(msg[item])
|
||||
}
|
||||
res[item] && (msg[item] = (msg[item]||[]).concat(res[item]))
|
||||
})
|
||||
res.option && (msg.option = res.option) && res.option.forEach(function(item) {
|
||||
res[item] && (msg[item] = res[item])
|
||||
})
|
||||
res._option && (msg._option = res._option) && res._option.forEach(function(item) {
|
||||
res[item] && (msg[item] = res[item])
|
||||
})
|
||||
return msg
|
||||
}
|
||||
},
|
||||
Push: function(key, value, detail) {
|
||||
if (can.base.isObject(key)) {
|
||||
value = value||can.core.Item(key), can.core.List(value, function(item) {
|
||||
detail? msg.Push(mdb.KEY, item).Push(mdb.VALUE, key[item]||""): msg.Push(item, key[item]||"")
|
||||
})
|
||||
return msg
|
||||
}
|
||||
|
||||
msg.append = can.base.AddUniq(msg.append, key), msg[key] = msg[key] || []
|
||||
msg[key].push(can.base.isString(value)||can.base.isFunction(value)? value: JSON.stringify(value))
|
||||
return msg
|
||||
},
|
||||
Status: function(obj) { msg.Option(ice.MSG_STATUS, JSON.stringify(can.core.Item(obj, function(key, value) { return {name: key, value: value} }))) },
|
||||
StatusTimeCount: function(obj) { msg.append && msg.Status(can.base.Copy({"time": can.base.Time(), "count": msg.Length()+"x"+msg.append.length}, obj)) },
|
||||
Echo: function(res) { msg.result = msg.result || []
|
||||
for (var i = 0; i < arguments.length; i++) { msg.result.push(arguments[i]) }
|
||||
return msg._hand = true, msg
|
||||
},
|
||||
Dump: function(can) {
|
||||
can.onmotion.clear(can)
|
||||
can.onappend.table(can, msg)
|
||||
can.onappend.board(can, msg)
|
||||
},
|
||||
}
|
||||
return can.misc.proto(msg, proto)
|
||||
},
|
||||
msg.append = can.base.AddUniq(msg.append, key), msg[key] = msg[key] || []
|
||||
msg[key].push(can.base.isString(value)||can.base.isFunction(value)? value: JSON.stringify(value))
|
||||
return msg
|
||||
},
|
||||
Status: function(obj) { msg.Option(ice.MSG_STATUS, JSON.stringify(can.core.Item(obj, function(key, value) { return {name: key, value: value} }))) },
|
||||
StatusTimeCount: function(obj) { msg.append && msg.Status(can.base.Copy({"time": can.base.Time(), "count": msg.Length()+"x"+msg.append.length}, obj)) },
|
||||
Echo: function(res) { msg.result = msg.result || []
|
||||
for (var i = 0; i < arguments.length; i++) { msg.result.push(arguments[i]) }
|
||||
return msg._hand = true, msg
|
||||
},
|
||||
Dump: function(can) {
|
||||
can.onmotion.clear(can)
|
||||
can.onappend.table(can, msg)
|
||||
can.onappend.board(can, msg)
|
||||
},
|
||||
}
|
||||
return can.misc.proto(msg, proto)
|
||||
},
|
||||
POST: function(can, msg, url, form, cb) { // _method _accept _upload _progress
|
||||
var xhr = new XMLHttpRequest(); msg._xhr = xhr
|
||||
xhr.open(msg._method||"POST", url), xhr.onreadystatechange = function() {
|
||||
|
||||
@ -44,7 +44,8 @@ Volcanos(chat.ONIMPORT, {help: "导入数据", list: [], _init: function(can, ms
|
||||
can.onengine.signal(can, chat.ONACTION_CMD)
|
||||
|
||||
can.onappend.plugin(can, can.base.Copy(item, {opts: can.misc.Search(can)}), function(sub, meta, skip) {
|
||||
can.page.style(can, sub._output, html.MAX_WIDTH, can._root._width)
|
||||
sub.ConfHeight(can.ConfHeight()-can.Conf(html.MARGIN_Y))
|
||||
can.page.style(can, sub._output, html.MAX_WIDTH, can.ConfWidth())
|
||||
can.user.title(meta.name), skip || next()
|
||||
})
|
||||
},
|
||||
@ -90,7 +91,7 @@ Volcanos(chat.ONPLUGIN, {help: "注册插件", list: [],
|
||||
can.onappend.parse(can, can.onappend._parse(can, cmds[0]))
|
||||
})
|
||||
},
|
||||
}, ["text", "show:button@auto"], function(can, msg, cmds, cb) { can.run({}, cmds, cb, true) }),
|
||||
}, ["text", "show:button@auto"], function(can, msg, cmds, cb) { can._root.Action.run({}, cmds, cb, true) }),
|
||||
|
||||
"plugin": shy("插件", {}, ["text", "list", "back"], function(can, msg, cmds) {
|
||||
msg.Echo("hello world")
|
||||
|
||||
@ -147,7 +147,7 @@ Volcanos(chat.ONACTION, {help: "交互数据", list: [], _init: function(can, cb
|
||||
},
|
||||
onmain: function(can, msg) {
|
||||
can.run({}, [], function(msg) {
|
||||
if (!can.Conf(aaa.USERNICK, msg.Option(ice.MSG_USERNICK)||msg.Option(ice.MSG_USERNAME))) {
|
||||
if (!can.Conf(aaa.USERNICK, msg.Option(aaa.USERNICK)||msg.Option(ice.MSG_USERNAME))) {
|
||||
msg.Option(chat.SSO)? can.user.jumps(msg.Option(chat.SSO)): can.user.login(can, function() {
|
||||
can.onengine.signal(can, chat.ONMAIN, msg)
|
||||
}, msg.Option(aaa.LOGIN), msg.Option("login.dev"))
|
||||
|
||||
@ -1,45 +1,47 @@
|
||||
Volcanos(chat.ONIMPORT, {help: "导入数据", list: [], _init: function(can, msg, list, cb, target) {
|
||||
Volcanos(chat.ONIMPORT, {help: "导入数据", list: [], _init: function(can, msg, cb, target) {
|
||||
can.require(["/plugin/local/wiki/draw.js", "/plugin/local/wiki/draw/path.js"], function() {
|
||||
var color = [cli.RED, cli.YELLOW, cli.GREEN, cli.CYAN, cli.BLUE, cli.PURPLE]
|
||||
var color = ["#3300FF", "#2196F3", "#4CAF50", "#CDDC39", "#FFEB3B", "#9C27B0", "#795548", "#607D8B", "#CC33FF"]
|
||||
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.style(can, can.ui.project, html.MAX_WIDTH, rest)
|
||||
can.page.Select(can, can.ui.project, html.TR, function(tr, index) {
|
||||
can.onimport._show(can, msg), can.onmotion.hidden(can, can._action), can.onappend._status(can, [].concat(msg.append, ["weight"]))
|
||||
var margin = height/8, r = height/2-margin; can.svg.Val(html.WIDTH, 2*(r+margin)), can.svg.Val(html.HEIGHT, 2*(r+margin))
|
||||
can.onimport._draw(can, msg, can.Conf(mdb.FIELD), color, r+margin, r+margin, r, margin, 0)
|
||||
|
||||
can.page.style(can, can.ui.project, html.MAX_WIDTH, can.ConfWidth()-height)
|
||||
can.onmotion.clear(can, can.ui.project), can.onmotion.hidden(can, can.ui.project, true)
|
||||
can.onappend.table(can, msg, null, can.ui.project), 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)
|
||||
can.onimport._draw(can, msg, can.Conf(mdb.FIELD), color, 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([
|
||||
_draw: function(can, msg, field, color, x, y, r, margin, which) { field = field||mdb.VALUE
|
||||
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: svg.PATH, style: kit.Dict(
|
||||
html.STROKE_WIDTH, 1, html.STROKE, color, html.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)
|
||||
} }) }
|
||||
), 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+"%")
|
||||
if (which == can._last) { return } can._last = which
|
||||
can.onmotion.clear(can, can.svg), can.svg.Value(mdb.COUNT, 0)
|
||||
var total = 0; msg.Table(function(value) { total += can.onimport._parseInt(can, value[field]) })
|
||||
var begin = 0; msg[cli.COLOR] = [], msg["weight"] = [], msg.Table(function(value, index) { var span = can.onimport._parseInt(can, value[field])/total*360
|
||||
var p = index==which? pos(x, y, margin, begin+span/2): [x, y], c = color[index%color.length]
|
||||
|
||||
pie(p[0], p[1], r, begin, span, c, function(event) { can.onimport._draw(can, msg, field, color, x, y, r, margin, index) }), begin += span
|
||||
msg.Push(cli.COLOR, '<span style="background-color:'+c+'"> </span>')
|
||||
msg.Push("weight", parseInt(span*100/360)+"%")
|
||||
if (index == which) { can.Status(value), can.Status("weight", parseInt(span*100/360)+"%") }
|
||||
})
|
||||
},
|
||||
_parseInt: function(can, value) { value = value.toLowerCase()
|
||||
if (can.base.endWith(value, "mi")) { return parseInt(value)*1000000 }
|
||||
if (can.base.endWith(value, "gi")) { return parseInt(value)*1000000000 }
|
||||
return parseInt(value)
|
||||
}
|
||||
})
|
||||
Volcanos(chat.ONEXPORT, {help: "导出数据", list: [], _show: function(can) {}})
|
||||
|
||||
@ -3,16 +3,13 @@ Volcanos(chat.ONIMPORT, {help: "导入数据", list: [], _init: function(can, ms
|
||||
if (msg.Length() == 0) { return }
|
||||
if (msg.Option("branch")) { return can.onappend.table(can, msg) }
|
||||
|
||||
can.onappend._status(can, ["from", "commit", "total", "max", "date", "text", "add", "del"])
|
||||
can.data = msg.Table(), can.onimport._sum(can)
|
||||
can.Action(html.HEIGHT, msg.Option(html.HEIGHT)||ice.AUTO)
|
||||
can.Action("speed", parseInt(msg.Option("speed")||"100"))
|
||||
can.Action(html.SPEED, parseInt(msg.Option(html.SPEED)||"100"))
|
||||
|
||||
can.onmotion.hidden(can, can._action)
|
||||
can.page.ClassList.add(can, can._fields, "draw")
|
||||
can.require(["/plugin/local/wiki/draw.js", "/plugin/local/wiki/draw/path.js"], function() {
|
||||
can.page.ClassList.add(can, can._fields, "draw")
|
||||
can.onimport._show(can, msg), can.onmotion.hidden(can, can.ui.project)
|
||||
can.onaction[can.Action(ice.VIEW)](event, can)
|
||||
can.onimport.layout(can)
|
||||
})
|
||||
},
|
||||
_sum: function(can) {
|
||||
@ -40,34 +37,41 @@ Volcanos(chat.ONIMPORT, {help: "导入数据", list: [], _init: function(can, ms
|
||||
})
|
||||
can.Status({"from": begin, "commit": count, "total": add+del, "max": max})
|
||||
},
|
||||
}, [""])
|
||||
Volcanos(chat.ONACTION, {help: "组件菜单", list: ["edit", [ice.VIEW, "趋势图", "柱状图", "数据源"], ["height", "100", "200", "400", "600", "800", "auto"], ["speed", "10", "20", "50", "100"]],
|
||||
"edit": function(event, can) { can.onmotion.toggle(can, can._action), can.onmotion.toggle(can, can._status) },
|
||||
|
||||
"趋势图": function(event, can) { var height = can.Action(html.HEIGHT)
|
||||
if (height == ice.AUTO) { height = can.ConfHeight() }
|
||||
height = parseInt(height)
|
||||
|
||||
var space = 10, width = parseInt(can.ConfWidth())
|
||||
_layout: function(can) {
|
||||
var height = can.onexport.height(can)
|
||||
var width = parseInt(can.ConfWidth()), space = 10
|
||||
var step = parseInt((width-2*space) / can.list.length)
|
||||
|
||||
can.onmotion.clear(can, can.svg)
|
||||
can.svg.Val(html.HEIGHT, height)
|
||||
can.svg.Val(html.WIDTH, width)
|
||||
can.onmotion.clear(can, can._output)
|
||||
can.onimport._show(can, can._msg), can.onmotion.hidden(can, can.ui.project)
|
||||
can.svg.Val(html.HEIGHT, height), can.svg.Val(html.WIDTH, width)
|
||||
return {height: height, width: width, space: 10, step: step}
|
||||
},
|
||||
layout: function(can) {
|
||||
can.onaction[can.Action(ice.VIEW)]({}, can)
|
||||
},
|
||||
}, [""])
|
||||
Volcanos(chat.ONACTION, {help: "组件菜单", list: ["edit",
|
||||
[ice.VIEW, "趋势图", "柱状图", "数据源"],
|
||||
[html.HEIGHT, "100", "200", "400", "600", "800", ice.AUTO],
|
||||
[html.SPEED, "10", "20", "50", "100"]
|
||||
],
|
||||
"edit": function(event, can) { can.onmotion.toggle(can, can._action), can.onmotion.toggle(can, can._status) },
|
||||
|
||||
function scale(y) { return (y - can.min)/(can.max - can.min)*(height-2*space) }
|
||||
function order(index, x, y) { return {x: space+step*index+x, y: height-space-scale(y)} }
|
||||
"趋势图": function(event, can) { var args = can.onimport._layout(can)
|
||||
function scale(y) { return (y - can.min)/(can.max - can.min)*(args.height-2*args.space) }
|
||||
function order(index, x, y) { return {x: args.space+args.step*index+x, y: args.height-args.space-scale(y)} }
|
||||
|
||||
can.core.Next(can.list, function(line, next, index) {
|
||||
can.onimport.draw({}, can, {
|
||||
shape: svg.LINE, point: [
|
||||
order(index, step/2, line.min), order(index, step/2, line.max),
|
||||
order(index, args.step/2, line.min), order(index, args.step/2, line.max),
|
||||
], style: kit.Dict(html.STROKE_WIDTH, 1, html.STROKE, line.begin < line.close? chat.WHITE: chat.BLACK),
|
||||
})
|
||||
|
||||
can.onimport.draw({}, can, {
|
||||
shape: svg.RECT, point: [
|
||||
order(index, step/4, line.close), order(index, step/4*3, line.begin),
|
||||
order(index, args.step/4, line.close), order(index, args.step/4*3, line.begin),
|
||||
], style: can.base.Copy(kit.Dict(html.STROKE_WIDTH, 1, svg.RX, 0, svg.RY, 0), line.begin < line.close?
|
||||
kit.Dict(html.STROKE, chat.WHITE, html.FILL, chat.WHITE): kit.Dict(html.STROKE, chat.BLACK, html.FILL, chat.BLACK)
|
||||
),
|
||||
@ -77,60 +81,48 @@ Volcanos(chat.ONACTION, {help: "组件菜单", list: ["edit", [ice.VIEW, "趋势
|
||||
})
|
||||
|
||||
can.Status(line, ["date", "text", "add", "del"])
|
||||
can.core.Timer(parseInt(can.Action("speed")), next)
|
||||
can.core.Timer(parseInt(can.Action(html.SPEED)), next)
|
||||
})
|
||||
},
|
||||
"柱状图": function(event, can) {
|
||||
var max = {}, min = {}
|
||||
can.core.List(can._msg.append, function(key, which) {
|
||||
"柱状图": function(event, can) { var args = can.onimport._layout(can)
|
||||
var max = {}, min = {}; can.core.List(can._msg.append, function(key, which) {
|
||||
can.core.List(can.data, function(value, index) {
|
||||
var v = parseInt(value[key])||0; if (index == 0) {
|
||||
max[key] = v, min[key] = v
|
||||
return
|
||||
return max[key] = v, min[key] = v
|
||||
}
|
||||
if (v > max[key]) { max[key] = v }
|
||||
if (v < min[key]) { min[key] = v }
|
||||
})
|
||||
})
|
||||
|
||||
var height = parseInt(can.Action(html.HEIGHT))
|
||||
var space = 10, width = parseInt(can.ConfWidth())
|
||||
var step = parseInt((width-2*space) / can.list.length)
|
||||
function scale(key, y) { return (y - min[key])/(max[key] - min[key])*(args.height-2*args.space) }
|
||||
|
||||
can.onmotion.clear(can, can.svg)
|
||||
can.svg.Val(html.HEIGHT, height)
|
||||
can.svg.Val(html.WIDTH, width)
|
||||
|
||||
function scale(key, y) { return (y - min[key])/(max[key] - min[key])*(height-2*space) }
|
||||
function order(index, key, x, y) { return {x: space+step*index+x, y: space+scale(key, y)} }
|
||||
|
||||
var width = (step-4)/can._msg.append.length
|
||||
can.core.List(can._msg.append, function(key, which) {
|
||||
max[key] != min[key] && can.core.Next(can.data, function(line, next, index) {
|
||||
var y = scale(key, parseFloat(line[key]))
|
||||
y && can.onimport.draw({}, can, {
|
||||
shape: svg.RECT, point: [
|
||||
order(index, key, width*which+2, 0), order(index, key, width*which+2+width, y),
|
||||
], style: kit.Dict(html.STROKE_WIDTH, 1, html.STROKE, cli.WHITE, html.FILL, cli.WHITE, svg.RX, 0, svg.RY, 0),
|
||||
_init: function(view) {
|
||||
can.core.ItemCB(can.ondetail, function(key, cb) { view[key] = function(event) { cb(event, can, line) } })
|
||||
},
|
||||
})
|
||||
|
||||
can.core.Timer(parseInt(can.Action("speed")), next)
|
||||
})
|
||||
var width = args.step/can._msg.append.length, which = 0
|
||||
can.core.List(can._msg.append, function(key, which) { if (max[key] == min[key]) { return }
|
||||
can.core.Next(can.data, function(line, next, index) { if (parseInt(line[key]) == 0) { return }
|
||||
can.onimport.draw({}, can, {shape: svg.RECT, point: [
|
||||
{x: args.space+args.step*index+width*which+2, y: args.height-args.space-scale(key, parseInt(line[key]))},
|
||||
{x: args.space+args.step*index+width*(which+1)+2, y: args.height-args.space},
|
||||
], style: kit.Dict(html.STROKE_WIDTH, 1, html.STROKE, cli.WHITE, html.FILL, cli.WHITE, svg.RX, 0, svg.RY, 0), _init: function(view) {
|
||||
can.core.ItemCB(can.ondetail, function(key, cb) { view[key] = function(event) { cb(event, can, line) } })
|
||||
}}), can.core.Timer(parseInt(can.Action(html.SPEED)), next)
|
||||
}), which++
|
||||
})
|
||||
},
|
||||
"数据源": function(event, can) {
|
||||
can.onmotion.clear(can, can.ui.display)
|
||||
can.onappend.table(can, can._msg, null, can.ui.display)
|
||||
can.onmotion.show(can, can.ui.display)
|
||||
can.onmotion.clear(can, can._output)
|
||||
can.onappend.table(can, can._msg, null, can._output)
|
||||
},
|
||||
|
||||
height: function(event, can) { can.onaction[can.Action(ice.VIEW)](event, can) },
|
||||
speed: function(event, can) { can.onaction[can.Action(ice.VIEW)](event, can) },
|
||||
height: function(event, can) { can.onimport.layout(can) },
|
||||
speed: function(event, can) { can.onimport.layout(can) },
|
||||
})
|
||||
Volcanos(chat.ONDETAIL, {help: "用户交互", list: [],
|
||||
onmouseenter: function(event, can, line) { can.Status(line, ["date", "text", "add", "del"]) },
|
||||
onmouseenter: function(event, can, line) { can.Status(line, ["date", "note", "adds", "dels"]) },
|
||||
})
|
||||
Volcanos(chat.ONEXPORT, {help: "导出数据", list: ["from", "commit", "total", "max", "date", "note", "adds", "dels"],
|
||||
height: function(can) { var height = can.Action(html.HEIGHT)
|
||||
if (height == ice.AUTO) { height = can.ConfHeight() }
|
||||
return parseInt(height)
|
||||
},
|
||||
})
|
||||
Volcanos(chat.ONEXPORT, {help: "导出数据", list: []})
|
||||
|
||||
7
proto.js
7
proto.js
@ -62,6 +62,7 @@ var cli = {
|
||||
DAEMON: "daemon",
|
||||
START: "start", STOP: "stop", OPEN: "open", CLOSE: "close", BEGIN: "begin", END: "end",
|
||||
|
||||
COLOR: "color",
|
||||
RED: "red", GREEN: "green", BLUE: "blue",
|
||||
YELLOW: "yellow", CYAN: "cyan", PURPLE: "purple", MAGENTA: "magenta",
|
||||
WHITE: "white", BLACK: "black",
|
||||
@ -197,11 +198,11 @@ var mall = {
|
||||
}
|
||||
|
||||
var svg = {
|
||||
PID: "pid",
|
||||
GROUP: "group",
|
||||
GROUP: "group", PID: "pid",
|
||||
SHAPE: "shape", TEXT: "text", RECT: "rect", LINE: "line", CIRCLE: "circle", ELLIPSE: "ellipse",
|
||||
G: "g", X: "x", Y: "y", R: "r", RX: "rx", RY: "ry", CX: "cx", CY: "cy", X1: "x1", Y1: "y1", X2: "x2", Y2: "y2",
|
||||
M: "M", Q: "Q", T: "T", PATH2V: "path2v", PATH2H: "path2h",
|
||||
PATH: "path", PATH2V: "path2v", PATH2H: "path2h",
|
||||
M: "M", Q: "Q", T: "T",
|
||||
}
|
||||
var html = {
|
||||
// FIELDSET
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user