aardio 范例: canvas 控件显示简单图表（横向条形图）

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

import win.ui;
/*DSG{{*/
var winform = win.form(text="canvas 控件显示简单图表（横向条形图）";right=759;bottom=469)
winform.add(
canvas={cls="canvas";left=40;top=36;right=718;bottom=430;anchors={left=1;top=1;right=1;bottom=1};z=1}
)
/*}}*/

import gdip.chart.hbar;
var chartBar = gdip.chart.hbar(winform.canvas)

// 准备图表数据集。如果控件已显示，修改数据集不会刷新，请调用控件的 redrawTransparent() 方法刷新
chartBar.dataset = {
    maxValue = 100;     
    data = [65, 85, 45, 75, 95];
    labels = ["第一季度", "第二季度", "第三季度", "第四季度", "预测"];
    colors = [0xFF3498DB, 0xFF2ECC71, 0xFFE74C3C, 0xFFF1C40F, 0xFF9B59B6];
    axisColor = 0xFFBDC3C7;
};

//Chart.js 图表（web.view） https://www.aardio.com/zh-cn/docs/examples/WebUI/web.view/OtherApps/Chart.js.html
//Chart.js 图表（web.form） https://www.aardio.com/zh-cn/docs/examples/WebUI/web.form/Chart.js/QuickStart.html

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