막대그래프를 쌩으로 코딩한다면야 들어가는 width 값을 임의로 바꿔주면 적용되니 별 상관이 없겠지만, 워드프레스 등으로 연동되어 변수값이 자동으로 들어가는 시스템이라면, width값을 임의로 정해주기가 쉽지 않습니다.


그래서 그런 경우, 막대그래프의 넓이를 뻥튀기하는 방법을 알려드리겠습니다.



위의 캡쳐를 유심히 보시길 바랍니다.


저 막대그래프의 최대값은 300명입니다. (300명이 width 100%로 꽉 찬다는 뜻입니다)


하지만 150명이 50%의 넓이로 표현되고 있지 않죠.


일례로 위 막대그래프에서 건국대학교 자료를 보면 48명임에도 실제 넓이는 50%가 넘는 것을 알 수 있습니다.




막대그래프 상에서 저런 조작은 어떻게 할까요?


일반적으로 통계상에서 100%를 나타내는 공식은 다음과 같습니다.


( 해당 value / 최대 value ) * 100


결론은 간단합니다. log값을 넣으시면 되어요.


워드프레스는 php 기반니까, 다음과 같이 조작하시면 됩니다.


( <?php log( (해당 value), 10 ) ?> / <?php log( (최대 value), 10 ) ?> ) * 100


여기서 주의할 점은 최대값에도 로그함수를 적용해야 한다는 겁니다.


수학적으로 보면 %를 계산할 때 비율이 들어가야 하므로 당연한 이치지만, 놓치기 쉽습니다.


함수 log의 두번째 변수은 위에서는 10으로 임의로 넣었습니다만, 10으로 넣은 값을 조절하면 막대그래프의 뻥튀기 정도를 조절할 수 있습니다. 값이 높으면 뻥튀기가 많이되고, 낮으면 뻥튀기가 조금 됩니다.




중고등학교 수학에서 로그함수를 배우므로 원리를 알면 쉽게 이해하고 적용할 수 있습니다.


하지만 실전에 막상 닥쳤을 때 저렇게 생각하는게 쉽지 않다는 게 가장 큰 문제죠. -_-;





댓글을 달아 주세요

티스토리 툴바