Notice
Recent Posts
- Today
- Total
Tags
- chart.js 레전드 레이블 색상 변경
- 모놀리식 아키텍쳐
- Learning React
- Next.js 라우팅
- performance.now()
- [Vue warn]: inject() can only be used inside setup() or functional components.
- 파라미터 전송 방법
- 함수형 프로그래밍
- git
- chart.js 레이블 색상 변경
- 모노레포 방식
- vue-router 네비게이션 가드
- express 파라미터
- chart.js 툴팁 레이블 색상 변경
- 멀티레포 방식
- chart.js 축 font-size
- Vue 화면 접근 전 권한 체크
- repaint
- ToDo
- reflow
목록chart.js 툴팁 레이블 색상 변경 (1)
빵 입니다.
Chart.js 툴팁 레이블 색상 변경, 레전드 레이블 색상 변경
라인 차트를 사용하는데, 기본적으로 흐린 라인이었다가 포커스가 가면 Point Dot과 라인에 색상이 입혀지는 디자인이 나왔다. 어찌저찌 레퍼런스에서 라인 색상 hover 전, 후를 대응하는 속성값들을 찾아서 적용했는데,아무리 찾아도 툴팁 레이블 색상과 레전드의 레이블 색상을 변경하는 방법을 모르겠더라. 그래도 똑같이 구현하고 싶고, 또 전혀 없을 것 같은 내용은 아니라 열심히 찾아보았다.역시나 없을리가 없지~다른 분들의 시간 절약을 위해 공유해 보겠습니다. 우선, 차트 마우스오버 효과를 주기 위한 설정값들입니다.import { type ChartData } from 'chart.js'const lineChartData = reactive>({ labels: ['January', 'February', ..
프론트엔드/Vue
2024. 7. 31. 09:33