aardio 范例: 简单折线图 / 平滑曲线图

Chart.js 图表（web.view） | Chart.js 图表（web.form）

import win.ui;
/*DSG{{*/
var winform = win.form(text="简单折线图 / 平滑曲线图";right=759;bottom=469)
winform.add(
plus={cls="plus";left=36;top=35;right=728;bottom=411;bgcolor=0xFFFFFF;border={radius=8;width=1};color=0x008000;z=1}
)
/*}}*/

import gdip.chart.line;
var chart = gdip.chart.line(winform.plus);
chart.dataset = {
    data = [[65, 85, 45, 75, 95, 55, 80],[25, 75, 15, 65, 35, 35, 70]];
    labels = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"];
    showGrid = true; 
    seriesLabels = ["销售额", "利润"]; //多条折线时的图例标签  
    showPoints = true; 
    showValues = true;
    smooth = true;//显示曲线图
};
//chart.redraw();

//如果需要更复杂的交互效果请改用浏览器控件
//Chart.js 图表（web.view） https://www.aardio.com/zh-cn/doc/example/WebUI/web.view/OtherApps/Chart.js.html
//Chart.js 图表（web.form） https://www.aardio.com/zh-cn/doc/example/WebUI/web.form/Chart.js/QuickStart.html

winform.show();
win.loopMessage(); 

/*
chart.dataset 主要字段说明：
colors: 折线颜色值数组（颜色格式 0xAARRGGBB），可选字段。  
maxValue/minValue: Y轴最大/最小值，可选字段。  
showGrid: 是否显示网格线。  
gridLines: 网格线数量。  
gridColor: 网格线颜色。  
axisColor: 坐标轴颜色。  
showPoints: 是否显示数据点。  
pointSize: 数据点大小。  
showValues: 是否显示数值标签。  
smooth: 是否绘制平滑曲线。  
tension: 曲线强度，0 到 1 的值。如果大于 0 则 smooth 自动设为 true
lineWidth: 线条宽度。  
yTickCount: Y轴刻度数量。  
*/