import
win.ui;
/*DSG{{*/
var
winform = win.form(text=
"aardio echarts"
;right=808;bottom=492;max=1;min=1)
winform.add()
/*}}*/
import
web.form;
var
wb = web.form( winform );
import
web.json;
wb.external = {
getOption =
function
( num ){
var
data = {
calculable =
true
;
legend = {
data = {
"直接访问"
;
"邮件营销"
;
"联盟广告"
;
"视频广告"
;
"搜索引擎"
};
orient =
"vertical"
;
x =
"left"
series = {
center = {
"50%"
;
"60%"
};
data = {
{ name =
"直接访问"
; value = 335 };
{ name =
"邮件营销"
; value = 310 };
{ name =
"联盟广告"
; value = 234 };
{ name =
"视频广告"
; value = 135 };
{ name =
"搜索引擎"
; value = 1548 }
name =
"访问来源"
; radius =
"55%"
;
type
=
"pie"
title = { subtext =
"纯属虚构"
; text =
"某站点用户访问来源"
; x =
"center"
};
toolbox = {
show =
false
tooltip = { formatter =
"{a} <br/>{b} : {c} ({d}%)"
; trigger =
"item"
}
return
wb.eval( web.json.stringify(data) )
wb.html =
/**
<!doctype html>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
html,body{ height:100%; margin:0; }
</style>
</head>
<div id="main" style="height:100%;"></div>
<script src="https://lib.baomitu.com/echarts/5.2.0/echarts.min.js"></script>
<script>
ECharts 5 不支持 IE8、
如果需要在 Win7/IE8 环境运行，建议降低版本到 ECharts 4 。
Win10/11 自带 IE11， Win7 已逐渐退出市场一般没必要再考虑。
//需要先改一下这个设置，不然 ECharts 无法检测鼠标事件。
echarts.env.pointerEventsSupported = false;
//更多图表范例:
https://echarts.apache.org/examples/zh/index.html
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption( external.getOption() );
//图表自适应窗口大小
window.addEventListener('resize', myChart.resize);
</script>
</body>
</html>
winform.show();
win.loopMessage();
import
win.ui;
/*DSG{{*/
var
winform = win.form(text=
"aardio echarts"
;right=909;bottom=669;border=
"dialog frame"
;max=
false
;min=
false
)
/*}}*/
import
web.kit.form;
var
wb = web.kit.form( winform );
import
web.json;
wb.external = {
getOption =
function
( num ){
var
data = {
calculable =
true
;
legend = {
data = {
"直接访问"
;
"邮件营销"
;
"联盟广告"
;
"视频广告"
;
"搜索引擎"
};
orient =
"vertical"
;
x =
"left"
series = {
center = {
"50%"
;
"60%"
};
data = {
{ name =
"直接访问"
; value = 335 };
{ name =
"邮件营销"
; value = 310 };
{ name =
"联盟广告"
; value = 234 };
{ name =
"视频广告"
; value = 135 };
{ name =
"搜索引擎"
; value = 1548 }
name =
"访问来源"
; radius =
"55%"
;
type
=
"pie"
title = { subtext =
"纯属虚构"
; text =
"某站点用户访问来源"
; x =
"center"
};
toolbox = {
feature = {
dataView = { readOnly =
false
; show =
true
};
magicType = {
option = { funnel = { funnelAlign =
"left"
; max = 1548; width =
"50%"
; x =
"25%"
}};
show =
true
;
type
= {
"pie"
;
"funnel"
}
mark = { show =
true
};
restore = { show =
true
};
saveAsImage = { show =
true
}
}; show =
true
tooltip = { formatter =
"{a} <br/>{b} : {c} ({d}%)"
; trigger =
"item"
}
return
web.json.stringify(data);
wb.html =
/**
<!doctype html>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="UTF-8">
</head>
<div id="main" style="height:600px;"></div>
<script src="http://echarts.baidu.com/dist/echarts.min.js"></script>
<script>
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(
JSON.parse(
external.getOption()
)
);
</script>
</body>
</html>
winform.show();
//显示窗体
//启动消息循环
win.loopMessage();
