지난번에 Apache ECharts 트리맵 적용을 해 봤습니다. 간단하게 끝나서 다행이었는데요. 2022.09.26 - [기술집/WEB관련] - [WEB] ECharts 트리맵 차트 적용하기 Treemap 이번에는 제가 원하는대로 커스터마이징을 해 볼까합니다. 그렇게 대단한건 아니구요.. 제가 하려는게 여러가지 색상으로 알록달록한게 아니라 같은계열 색상으로 채도의 차이를 줘서 연한색부터 진한색.. 이렇게 나누고 싶습니다. 일단, children 안에 임의로 값을 넣어줍니다. 흠냐... 같은색으로만 출력이 됩니다. 이런걸 원한게 아니란거죠 ㅎㅎㅎ 일단은... 제일 첫 단계인 데이터 바로 아래의 1depth. name과 value를 지우고 바로 childern 부터 시작하게 해 봅니다. 뭔가 변화가 있을지...

계속되는 이마트!! 아니, 이차트!!!!! (내가 적고도 재미없는데 어쩔 ;;) 이번에는 트리맵입니다. 지난번까지는 혼합차트를 만졌는데요. 이번에는 treemap 으로 넘어왔습니다 ㅋ 우선... 종류가 있는데요. 저는 단순한걸로 갑니다. 깔끔 그자체!!! Basic Treemap 을 선택합니다. 예제를 보고 일단 만들어 봅니다. 흠.... series 안에 보니까.. children 으로 새끼를 쳐 나가네요. 하긴.. 트리맵이니 같은 계열도 있어야 할 테고.. 그런데 일단 아래에 검은 배경의 글자들이 신경쓰입니다. 뭘까요?? 클릭을 해 보시면.. ECharts Treemap 차트 구성원들의 depth 를 알려주는 네비게이션같은 녀석입니다. 어느 루트의 어떤걸 클릭해서 보고있다.. 같은 상세를 알려주는거죠..

지난번에 Echart 혼합차트 적용 후에 약간의 손질을 했었습니다. 이번에는 조금 더 바꿔봤습니다. 잘 아시는 분들에게는 너무나도 기초적이고 하품나오는 내용이겠지만 기록을 하는 겸, 저 처럼 잘 몰라서 검색하시는 분들에게는 조금이라도 도움이 되었으면 좋겠습니다. 1. 숫자 콤마 넣기 지난번에 만든 그래프를 실제 화면에 적용을 해 봤습니다. 마우스 오버로 툴팁을 볼때... 콤마없이 숫자들이 늘어서 있습니다. 적용 전에는 숫자 단위가 작아서 별 느낌 없었지만.. 이정도로 숫자가 커지니까 좀 어지러워 보입니다 ㅎ 그래서 콤마를 넣으려고하는데... 여기 값이 숫자가 아니면 안먹힙니다. 정확하게는 PHP에서 콤마를 찍어 출력을 하면 툴팁에서는 보이지만 바 모양이 안나옵니다. 그러면 안되겠죠? ECharts 혼합차..

차트.. 참 많이 쓰죠. 유료, 무료가 있는데 저는 무료를 열심히 찾아다닙니다. 기능이나 퀄리티는 유료가 훨씬 낫겠지만.. 뭐 언젠가 결제 해 주겠죠 ㅋㅋㅋㅋㅋ 일단은 무료로 어찌저찌 버티는데.. 지난번에 트리 차트가 필요해서 C3 차트 보다가.. 너무 사용법이 달라서 공부를 해야하나.. 하던중에 Apache ECharts 라는걸 알게 되었습니다. 중국 바이두에서 만든 차트 라이브러리 인데요.. 되게 깔끔하고, 사용법도 간단하면서 무엇보다 사이트에서 바로 수정해서 결과물을 확인도 해 볼수 있다는게 좋았습니다. 트리 차트같은경우는 다른데서 찾기 힘들었고.. 무료라면 말이죠. 저같은 초보들은 일단 예제라도 적용하기가 쉬워야합니다. 일단 적용해서 그래프가 나온 다음에 이런저런 옵션들을 찾아보면서 수정할 수 있..

한번쯤 이런 삽질하는것도 올려야..... 스스로가 창피하고, 더 조심하는 계기가 되지 않을까 생각합니다 ㅠㅠ 아후.. 진짜 하다보면 이런 실수를 종종 저지르는데요.. 작업중에 그래프 작업을하면서 만들어 둔 함수나 뽑아놓은 데이터를 본격적으로 그래프에 사용 할 수있게 가공중입니다. 날짜, 값, 수치를 따로 배열로 나눠서 JS 부분에서 출력을 하려합니다. 이럴때 제일 간편하게 쓸수있는게 array_push + foreach 콤비죠 ㅎ array_push 는 배열 끝에 데이터를 추가하는 아주 편리한 함수입니다. 단일 데이터가 될 수도있고, 배열을 추가해서 다차원 배열로 만들 수 있습니다. 순서를 컨트롤 해야할 때에는 못쓰지만.. 그냥 배열에 순서대로 넣어서 사용할때에는 편리합니다. array_push( [배열..

이번에 작업하던것 중에... 예전 초반 작업때 어떻게 했던건데 지금 보니까 없어서 다시 만들었습니다. 국가 랭킹을 1~10위까지 뽑아서 보여주는데 내가 검색 한 국가가 10위권 안에 없을때 마지막에 몇위인지 따로 보여주는건데요... 분명 예전에 만들었는데..왜 없지 ;;;;;; 방법은 여러가지 있을겁니다. 제 모자란 머리로 생각한 방식이니 더 간단하고 편하게 할수있는 방법이 있으면 댓글로 알려주세요 ㅠㅠ 일단 PHP 함수에는 배열에서 이것저것 뽑아내기 위한 함수들이 있습니다. 이번에 사용한 것은 array_column 과 array_search 입니다. 일차원 배열의 경우에는 그냥 array_search로 간단히 끝낼수있지만.. 저는 다차원 배열입니다. 간단히 안끝납니다 ;;; 예전에는.. array_s..