데이터3 Apache Echarts.js 사용하기 📢 Apache Echarts.js 란? - 데이터 시각화를 위한 JS 라이브러리 - Chart.js 보다 차트의 종류가 더 많다. - 중국의 플러그인이라 그런지 Chart.js 에 비해 정보가 부족하다. 📌 사용방법 - 라이브러리 다운로드 혹은 CDN 이용 - 공식 문서 URL Apache Echarts.js 공식문서 Apache Echarts.js CDN See the Pen Untitled by 조민혁 (@iqgzrljw-the-typescripter) on CodePen. 2024. 1. 8. Apexcharts.js 사용하기 📢 Apex charts.js 사용하기 - React , Vue, Angular SPA 프레임워크에서 바로 사용할 수 있도록 Demo 사이트에 잘 나와 있어서 타 차트 라이브러리보다 가장 쉽게 사용할 수 있다. - 공식 문서 에서 CDN 이용 Apex charts.js 공식문서 ApexCharts.js - Open Source JavaScript Charts for your website ApexCharts is a a free and open-source modern charting library that helps developers to create beautiful and interactive visualizations for web pages. apexcharts.com 📌 사용방법 (bar 차.. 2024. 1. 5. Chart.js 적용하기 📢 Chart.js 소개 - 완전 오픈 소스 (무료) - 기반이라 SVG 렌더링 방식과 비교했을 때 DOM 트리의 비용을 줄여 성능이 높음 - 막대 차트, 선 차트, 원형 차트, 도넛 차트 등 다양한 차트 유형 지원 - 구글링 결과 현재 가장 널리 쓰이는 차트 플러그인으로 보임 (레퍼런스가 많다) 📌 사용방법 - 라이브러리 다운로드 혹은 CDN 이용 - 공식 문서 URL Chart.js 공식문서 Chart.js CDN 📌 chart.js 에 대한 옵션 See the Pen chart.js by 조민혁 (@iqgzrljw-the-typescripter) on CodePen. 📌 Reference 1. 예제 https://eunyoe.tistory.com/60?category=767107 chart.js를 .. 2024. 1. 3. 이전 1 다음