vuejs2 [VUE.JS] 조회한 데이터로 차트 그리기 (Echarts, Apexcharts 사용하기) vue.js 에서 조회 결과로 차트를 그리려고 함. 처음에는 echartbar 로 시도했는데, 반응형이 아니어서 아쉽기도하고 디자인이 조금 더 세련되었으면 하는 요구사항이 있어서 apexcharts 로 2안을 마련했음. 완성된 차트를 먼저 확인해보자. ECharts와 ApexCharts의 차이점라이선스무료 (Apache 2.0)무료 + 일부 유료 기능사용 난이도중간 (설정 복잡)쉬움 (직관적인 설정)차트 유형매우 다양적당히 다양데이터 처리 능력대규모 데이터 처리에 적합소규모/중간 규모 데이터에 적합프레임워크 지원독립적 사용 및 플러그인 형태로 통합 가능Vue, React, Angular와 강력한 통합디자인강력한 커스터마이징, 복잡한 그래프 가능깔끔하고 세련된 기본 디자인 제공반응형기본적으로 반응형 아님모.. 2025. 1. 16. [VUE.JS] Vue.js 셀 값 변경 이벤트로 날짜(YYYY/MM/DD) 유효성 검사하기(onCellValueChanged) vue날짜 유효성 검사를 하는 방법은 여러가지이지만 사용자가 셀 값을 입력한 직 후 event 를 발생시켜 사용자가 입력한 날짜의 유효성 검사를 실시해보기로 하자. onCellValueChanged(event) { if (event.colDef.field == 'getDate') { const dateRegex = /^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/; const enteredDate = event.newValue; // console.log('enteredDate:', enteredDate); // console.log('dateRegex.test(entere.. 2023. 7. 13. 이전 1 다음
