Chart
Render biểu đồ (column / line / pie / area …) từ dataset OData.
Source:
Core/Components/Chart.cs· ComType:Chart
Cấu hình
ComType: Chart
Query: ?$filter=Year eq 2026
GroupBy: Month
ClassName: chart-bar
FormatData: "{Month}: {Value}"
Field DB dùng
| Field | Vai trò |
|---|---|
Query | OData querystring đủ ?$filter=... load dataset cho chart. |
GroupBy | Field aggregate theo (vd Month, Status, CountryName). |
ClassName | Loại chart: chart-bar, chart-line, chart-pie, chart-area, … |
FormatData | Format hiển thị tooltip / label ("{Month}: {Value}"). |
FormatEntity | Format toàn bộ entity row làm tooltip data. |
Events | JSON map {"click": "OnChartClicked"} để hook click data point. |
PlainText | True → render text mode (rare). |
Events kích hoạt
| Event | Method signature |
|---|---|
click | (data, this) |
data là object data point được click — chart-aware (chứa label, value, index).
public void OnChartClicked(object data, object chart)
{
Toast.Small("Click: " + data);
// drill-down vào báo cáo chi tiết
}
Tip
Querylà OData querystring đủ?$filter=....GroupBy= field aggregate theo (vdMonth,Status,CountryName).ClassNamechọn loại chart:chart-bar,chart-line,chart-pie, …- Variant đơn giản hơn: ChartV2.