일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 자바스크립트
- javscript
- ECMAScript
- react
- heroku
- node.js
- Component
- TypeScript
- GRID
- Mongoose
- express
- form
- frontend
- graphQL
- backend
- NextJs
- ES6
- pug
- nodejs
- clonecoding
- JavaScript
- Flutter
- CSS
- HTML
- API
- MongoDB
- Session
- 리액트
- CLONE
- DART
- Today
- Total
목록recharts (2)
Enjoy Programming

이슈 위 차트를 보면 뭔가 이상하다. y 축의 간격이 안맞다. 왜 안맞지?.. 일단 rechart에서 domain attr 을 이용해서 하기와 같이 설정을 진행했었다. 한번에 보여지는 tickcount 는 10개 , domain은 최소 최대치 설정. interval로 조정도 해보고 minmax를 조절도 해보고 하.. 그러다 그냥 아 그냥 내가 scale작업을 하자.. 함수 두개를 만들었고... 적용한 화면부터 보자.. 깔끔하다 아주 깔끔하게 떨어진다. - api에서 데이터 받고 -> 해당 데이터의 min max 잡고 -> min max가 있으니 interval을 얼마나 줄 것이냐에 따라 갭을 생성해주고 -> 해당 갭으로 각 계층을 나누면 된다. interface ParamsTick { min: numbe..
지금 다니는 회사는 물류데이터 기반 해당 데이터들을 시각화해서 보여주고 있다. 처음 시작시에는 필자는 APEX charts를 선택해서 사용했었고 recharts 와 vis 를 사용해보기도 했다.. 근데 뭔가 다 부족 했다. 커스터마이징의 한계가 있었고 결국 D3로 가려고 준비중이다. 하 근데 요새 너무 바쁘다 ㅠㅠ 라카이브는 운영 돌아가고 신입분이랑 둘이서 리뉴얼 기능 업데이트 이슈 해결하고 있고.... 커스트피아는 아직 혼자 개발중이다.. 거기에 D3까지 공부해서 적용을 해야 한다.. 아무튼 열심히 해보자 D3는 뭔가 군침이 생기는 라이브러리다 자 다음 포스팅부터 제대로 포스팅하고 지금은 잠시 기록용 d3.select -> selector string에 해당하는 첫번째 element 선택 없으면 emp..