어리둥절 분석가 그리고 개발자

✔️ 필요성 React Native에서 막대그래프나 라인그래프 혹은 파이차트 같이 그래프/차트를 표현해야 할 때가 있다. React Native에서는 아직까지 엄청나게 우세한 차트 라이브러리는 없는 것 같았다. 이것 저것 찾아보던 중 Victory-Native라는 라이브러리가 전체적으로 간단하면서도 애니메이션을 잘 보여줘서 모바일 환경에서 적합한 라이브러리라고 생각되어 도전해보았다. 예시에서도 알 수 있듯이 코드가 간단하고 툴팁이나 x축 y축이 기본적으로 귀엽다 ✔️ 설치 설치도 굉장히 쉽다 npm install --save victory-native react-native install react-native-svg npx pod-install ✔️ 기본 예시 Victory Native에서 알려주고 있..

Annotations의 개념 FusionChart 공식 홈페이지에서는 Annotation을 차트 위에 그리는 사용자 정의의 객체나 도형으로 정의하고 있다. 차트 위에서 추가적인 선이나 다양한 모양의 선, 혹은 이미지를 추가해서 더 차트를 효과적으로 표현할 수 있게 하는 것이다. Annotation을 통해서 툴팁을 보조하거나 대체할 수도 있다. FusionChart의 툴팁 또한 HTML을 통해서 상당히 자유롭게 custom 할 수 있지만, 가끔 차트마다 반드시 나타나는 툴팁 형식이 고정되어 있는 경우가 있다. 이럴 때 Annotation을 통하면 더 자유롭게 툴팁을 만들 수 있다. 툴팁이 될 Annotation 만들기 위의 이미지에서 툴팁은 크게 4가지 부분으로 구성된다. lable이 들어갈 네모, 화살표..

fusionCharts에는 도데체 왜 rounded-bar 옵션이 없나 https://www.fusioncharts.com/dev/chart-attributes/column2d Chart Attributes | FusionCharts www.fusioncharts.com 옵션이 정말 많은 fusionCharts에 정말 놀랍게도 bar그래프의 모서리를 둥글게 만들어주는 rounded-bar 옵션이 없다. 매우 놀랍고, 매우 스트레스 받는다. 하지만 fusionCharts는 chart-js와 달리 그래프 구성 요소 하나하나가 분리되기 때문에 개발자 모드를 활용해서 개별 CSS를 활용할 수 있다. (chart-js는 차트 element가 통으로 들어간다.) element 찾기 개발자도구에서 select ele..