Front

http://fabricjs.com/ Fabric.js Javascript Canvas Library Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes or complex shapes consisting of hundreds or thousands of simple paths or good old images You can add text and dynamically manipulate its size, alignment, fabricjs.com 프로젝트에서 이렇게 사용자가 직접 영역설정을 해야하는 코드를 구현해야해서 처음 Farbric.js 를 알게됐다 다른점은 이미지를..

https://echarts.apache.org/en/index.html Apache ECharts ECharts: A Declarative Framework for Rapid Construction of Web-based Visualization You are welcomed to cite the following paper whenever you use ECharts in your R&D projects, products, research papers, technical reports, news reports, books, presentations, echarts.apache.org

1. 차트 라이브러 NPM으로 설치 2. 설치된 라이브러리를 import로 App.vue에서 로딩 3. mounted() 라이프 사이클 훅에서 차트를 그림 4. 차트를 컴포넌트화 5. 컴포넌트의 플러그인화 6. 컴포넌트 통신을 이용한 차트 컴포넌트 기능 결합 chart.js

설치하는 방법 1. NPM 2. CDN 둘 중 하나 골라서 설치하면 된다. 1. NPM 설치 명령어로 설치 npm install chart.js로 설치햇더니 TypeError 나서 npm install chart.js@2로 설치했음 npm install chart.js@2 설치 중 모습 정상적으로 설치완료 되면 package.json에 chart.js가 생김

1. chart 라이브러리 https://www.chartjs.org/docs/latest/ Chart.js | Chart.js Chart.js (opens new window) Installation You can get the latest version of Chart.js from npm (opens new window), the GitHub releases (opens new window), or use a Chart.js CDN (opens new window). Detailed installation instructions can be found on the instal www.chartjs.org 2. chart 라이브러리 https://apexcharts.com/javascript-char..