seg_yinzy
/
myems
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add Child Spaces Share Pie to Space Cost Report Web UI

pull/52/head
tianlinzhong 2021-07-19 17:59:56 +08:00
parent dbc2eaeda1
commit 2cd13bc7d5
1 changed files with 35 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
web/src/components/MyEMS/Space/SpaceCost.js
View File

@ -83,7 +83,8 @@ const SpaceCost = ({ setRedirect, setRedirectUrl, t }) => {
const [spaceLineChartLabels, setSpaceLineChartLabels] = useState([]); const [spaceLineChartLabels, setSpaceLineChartLabels] = useState([]);
const [spaceLineChartData, setSpaceLineChartData] = useState({}); const [spaceLineChartData, setSpaceLineChartData] = useState({});
const [spaceLineChartOptions, setSpaceLineChartOptions] = useState([]); const [spaceLineChartOptions, setSpaceLineChartOptions] = useState([]);
const [childSpaceProportionList, setChildSpaceProportionList] = useState([]);
const [parameterLineChartLabels, setParameterLineChartLabels] = useState([]); const [parameterLineChartLabels, setParameterLineChartLabels] = useState([]);
const [parameterLineChartData, setParameterLineChartData] = useState({}); const [parameterLineChartData, setParameterLineChartData] = useState({});
const [parameterLineChartOptions, setParameterLineChartOptions] = useState([]); const [parameterLineChartOptions, setParameterLineChartOptions] = useState([]);
@ -318,7 +319,28 @@ const SpaceCost = ({ setRedirect, setRedirectUrl, t }) => {
costDataArray.push(costDataItem); costDataArray.push(costDataItem);
}); });
setCostShareData(costDataArray); setCostShareData(costDataArray);
let childSpaceProportionArray = [];
json['child_space']['energy_category_names'].forEach((currentValue, energyCategoryIndex) => {
if (json['child_space']['child_space_names_array'][energyCategoryIndex].length > 0) {
let childSpaceProportionItem = {}
childSpaceProportionItem['data'] = []
json['child_space']['child_space_names_array'][energyCategoryIndex].forEach((currentSpaceName, spaceIndex) => {
let childSpaceProportionItemDataItem = {}
childSpaceProportionItemDataItem['id'] = spaceIndex;
childSpaceProportionItemDataItem['name'] = currentSpaceName;
childSpaceProportionItemDataItem['value'] = json['child_space']['subtotals_array'][energyCategoryIndex][spaceIndex];
childSpaceProportionItemDataItem['color'] = "#"+((1<<24)*Math.random()|0).toString(16);
childSpaceProportionItem['data'].push(childSpaceProportionItemDataItem);
});
childSpaceProportionItem['name'] = json['child_space']['energy_category_names'][energyCategoryIndex];
childSpaceProportionItem['unit'] = json['child_space']['units'][energyCategoryIndex];
childSpaceProportionArray.push(childSpaceProportionItem);
};
});
setChildSpaceProportionList(childSpaceProportionArray);
let timestamps = {} let timestamps = {}
json['reporting_period']['timestamps'].forEach((currentValue, index) => { json['reporting_period']['timestamps'].forEach((currentValue, index) => {
timestamps['a' + index] = currentValue; timestamps['a' + index] = currentValue;
@ -637,6 +659,17 @@ const SpaceCost = ({ setRedirect, setRedirectUrl, t }) => {
<Col className="mb-3 pr-lg-2 mb-3"> <Col className="mb-3 pr-lg-2 mb-3">
<SharePie data={costShareData} title={t('Costs by Energy Category')} /> <SharePie data={costShareData} title={t('Costs by Energy Category')} />
</Col> </Col>
{childSpaceProportionList.map(childSpaceProportionItem => (
<Col className="mb-3 pr-lg-2 mb-3">
<SharePie
data={childSpaceProportionItem['data']}
title={t('Child Space Proportion CATEGORY UNIT',
{'CATEGORY': childSpaceProportionItem['name'],
'UNIT': '(' + childSpaceProportionItem['unit'] + ')'
})}
/>
</Col>
))}
</Row> </Row>
<LineChart reportingTitle={t('Reporting Period Costs CATEGORY VALUE UNIT', { 'CATEGORY': null, 'VALUE': null, 'UNIT': null })} <LineChart reportingTitle={t('Reporting Period Costs CATEGORY VALUE UNIT', { 'CATEGORY': null, 'VALUE': null, 'UNIT': null })}
baseTitle='' baseTitle=''