Index: arms/html/analysisCost/content-container.html =================================================================== diff -u -r13c477d0876d3a94cb71fa462f50446b0a8c8626 -r5533a414ca8176a61c99ecab0b769ab2fcf8ac3d --- arms/html/analysisCost/content-container.html (.../content-container.html) (revision 13c477d0876d3a94cb71fa462f50446b0a8c8626) +++ arms/html/analysisCost/content-container.html (.../content-container.html) (revision 5533a414ca8176a61c99ecab0b769ab2fcf8ac3d) @@ -706,7 +706,7 @@
-
+

@@ -765,7 +765,8 @@ class="gradient_middle_border" style="width: 100%; margin-top: 8px">

- 요구사항의 난이도와 우선순위를 기준으로 요구사항의 단가가 측정됩니다. + 요구사항의 예상 금액 측정 및 난이도와 우선순위 통계를 확인할 수 있습니다.
+ 요구사항 금액은 슬라이드 바 및 스크롤로 확대하여 확인할 수 있습니다.
-
+
Index: arms/js/analysis/resource/chart/simplePie.js =================================================================== diff -u -r13f5b71ad898b9640dad0e7cc2bccb77bae4eba7 -r5533a414ca8176a61c99ecab0b769ab2fcf8ac3d --- arms/js/analysis/resource/chart/simplePie.js (.../simplePie.js) (revision 13f5b71ad898b9640dad0e7cc2bccb77bae4eba7) +++ arms/js/analysis/resource/chart/simplePie.js (.../simplePie.js) (revision 5533a414ca8176a61c99ecab0b769ab2fcf8ac3d) @@ -55,6 +55,7 @@ left: 'center' }, tooltip: { + confine: true, trigger: 'item', formatter: '{a}
{b} : {c} ({d}%)' }, Index: arms/js/analysisCost.js =================================================================== diff -u -r13c477d0876d3a94cb71fa462f50446b0a8c8626 -r5533a414ca8176a61c99ecab0b769ab2fcf8ac3d --- arms/js/analysisCost.js (.../analysisCost.js) (revision 13c477d0876d3a94cb71fa462f50446b0a8c8626) +++ arms/js/analysisCost.js (.../analysisCost.js) (revision 5533a414ca8176a61c99ecab0b769ab2fcf8ac3d) @@ -951,15 +951,15 @@ 요구사항7: 30000000, 요구사항8: 30000000, 요구사항9: 30000000, - 요구사항11: 10000000, - 요구사항12: 20000000, - 요구사항13: 30000000, - 요구사항14: 40000000, - 요구사항15: 50000000, - 요구사항16: 60000000, - 요구사항17: 30000000, - 요구사항18: 30000000, - 요구사항19: 30000000 + // 요구사항11: 10000000, + // 요구사항12: 20000000, + // 요구사항13: 30000000, + // 요구사항14: 40000000, + // 요구사항15: 50000000, + // 요구사항16: 60000000, + // 요구사항17: 30000000, + // 요구사항18: 30000000, + // 요구사항19: 30000000 }; let reqTotalPrice = 0; @@ -1014,29 +1014,38 @@ tooltip: {}, title: [ { - text: '요구사항', - subtext: '전체 ' + reqTotalPrice +'원', + // text: '요구사항', + subtext: '전체 ' + reqTotalPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") +'원', left: '25%', - textAlign: 'center' + textAlign: 'center', + textStyle: { + color: '#ffffff' // 제목의 색상을 하얀색으로 변경 + }, + subtextStyle: { + color: '#ffffff' // 부제목의 색상을 하얀색으로 변경 + } }, { - text: '난이도 별 통계', - subtext: - '요구사항 난이도 ' + - Object.keys(difficultyJson).reduce(function (all, key) { - return all + difficultyJson[key]; - }, 0) + '개', + text: '난이도 및 우선순위 통계', + subtext: '', left: '75%', bottom: '0%', - textAlign: 'center' + textAlign: 'center', + textStyle: { + color: '#ffffff' // 제목의 색상을 하얀색으로 변경 + }, + subtextStyle: { + color: '#ffffff' // 부제목의 색상을 하얀색으로 변경 + } }, ], grid: [ { top: 50, + left: '5%', // 차트의 왼쪽 여백을 늘려 슬라이더와 겹치지 않게 함 + right: '0%', // 차트의 오른쪽 여백 (필요에 따라 조정) width: '50%', bottom: '5%', - left: 10, containLabel: true }, /* { @@ -1062,11 +1071,16 @@ data: Object.keys(requirementPriceList), axisLabel: { interval: 0, - rotate: 30 + rotate: 45, + margin: 10 }, splitLine: { show: false - } + }, + axisLabel: { + color: '#FFFFFFFF', + opacity: 1 + }, }, ], series: [ @@ -1115,7 +1129,26 @@ }; }) } - ] + ], + dataZoom: [ + { + type: 'inside', + yAxisIndex: [0], // y축에만 dataZoom 기능 적용 + start: 0, + end: 100 + }, + { + show: true, + type: 'slider', + left: '0%', + backgroundColor: 'rgba(0,0,0,0)', // 슬라이더의 배경색 + dataBackgroundColor: 'rgba(255,255,255,1)', // 데이터 배경색 + yAxisIndex: [0], + start: 0, + end: 100 + } + ], + };