Index: arms/js/analysisScope.js =================================================================== diff -u -r78f522723a26f3fb6b8f58b130f2aaa897555a9b -rbbdd5d06282f6d39eaabd8f3cea240b5fce723d6 --- arms/js/analysisScope.js (.../analysisScope.js) (revision 78f522723a26f3fb6b8f58b130f2aaa897555a9b) +++ arms/js/analysisScope.js (.../analysisScope.js) (revision bbdd5d06282f6d39eaabd8f3cea240b5fce723d6) @@ -1416,7 +1416,7 @@ svg = d3.select("#tree_bar_container svg"), g = svg.append("g").attr("transform", "translate(10,10)").attr('width', width) .attr('height', height) - .call(responsivefy), + .call(responsiveTreeBar), experienceName = Array(maxValue).fill("").map((_, i) => (i+1 === maxValue ? maxValue.toString() : "")), formatSkillPoints = function (d) { return experienceName[d % maxValue]; @@ -1510,9 +1510,9 @@ .call(d3.axisBottom().scale(xScale).ticks(5).tickSize(-height, 0, 0).tickFormat("")); svg.selectAll(".grid").select("line").style("stroke-dasharray", "1,1").style("stroke", "white"); - responsivefy(svg); + responsiveTreeBar(svg); } -function responsivefy(svg) { +function responsiveTreeBar(svg) { const container = d3.select(svg.node().parentNode), width = parseInt(svg.style('width'), 10), height = parseInt(svg.style('height'), 10), @@ -1528,23 +1528,11 @@ ); function resize() { const w = parseInt(container.style('width')) + 50; - svg.attr('width', w); svg.attr('height', Math.round(w / aspect)); } } -// var debounceRenderTreeBar = _.debounce(function() { -// var charts = document.getElementById('tree_bar_container'); -// var width = charts.offsetWidth; -// var height = charts.offsetHeight; -// -// d3.select("#tree_bar_container svg").selectAll("*").remove(); -// renderTreeBar(data, assigneeData, maxValue, width, height); -// }, 50); -// -// window.addEventListener('resize', debounceRenderTreeBar); - //////////////////////////////////////////////////////////////////////////////////////// //요구사항 현황 데이터 테이블 ////////////////////////////////////////////////////////////////////////////////////////