# aardio 范例: 入门
```aardio
//入门
import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio echarts";right=808;bottom=492)
winform.add()
/*}}*/
import web.form;
var wb = web.form( winform );
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}
{b} : {c} ({d}%)"; trigger = "item" }
}
/*
转换为纯 JS 对象。
只有 web.form 控件里才需要使用 wb.jsObject 以解决 IE 内核的 JSON 兼容问题。
web.view 控件里则可以直接返回 JSON.stringify(data) 并在网页中使用 JSON.parse(result) 转换为 JS 对象。
web.view 控件用 wb.export 导出的本地 aardio 函数则会自动使用 JSON 转换参数与返回值。
*/
return wb.jsObject(data) )
}
}
wb.html = /**
**/
winform.show();
win.loopMessage();
```