...
each of the chart will have unique data params and response in a distinct API calls.
MDMS Configuration
FSTP Plant Info
The FSTP plant info contains plant operational capacity per day of each ULB and other plant related information. It is required to calculate the fstp capacity utilization in percentage form. MDMS file details: https://github.com/egovernments/egov-mdms-data/blob/DEV/data/pb/FSM/FSTPPlantInfo.json
| Code Block |
|---|
{
"MdmsCriteria": {
"tenantId": "pb",
"moduleDetails": [{
"moduleName": "dss-dashboard",
"masterDetails": [{
"name": "dashboard-config"
}]
}, {
"moduleName": "FSM",
"masterDetails": [{
"name": "FSTPPlantInfo"
}]
}]
}
} |
UI Components
Fundamentally DSS has various functionalities including filtering of data, charts and drill-down charts with download PDF, Image and .XLS files. This is achieved by various components utilizing external plugins and internal services
...
The MetricChart component is a wrapper component around the MetricChartRow component. MetricChartRow component uses getChart API to fetch data for the “METRIC“ chart type. The MetricData component is a styling component used to format data.
...
Area Chart
The CustomAreaChart component is used to render line chart type. It can format data based on denomination filter data. It uses the AreaChart component from the recharts package to draw the chart.
...
Bar Chart
The CustomBarChart component is used to render performing-metric chart type. It uses the BarChart component from the recharts package to draw the chart.
...
Horizontal Bar Chart
The CustomHorizontalBarChart component is used to render horizontalBar chart type. It uses the BarChart component from the recharts package to draw the chart.
...
Pie Chart
The CustomPieChart component is used to render the donut chart type. It displays the top 4 categories and aggregates all the other categories into the “Others“ category. It uses the PieChart component from the recharts package to draw the chart.
...
Tabular Chart
The CustomTable component is used to render table chart type. The insights are calculated by fetching the previous year's data and compared with the current data.
...
Download Service
The download service is a common service used by all the chart components to facilate the download/share pdf option. It is handled by using the JSPDF package.
...