- 분류 전체보기 (143)
반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- pm2 버전 충돌
- in-memory pm2 is out-of-date
- vue draggable 차트 안나옴
- repaint
- cloud firestore id auto increment
- 함수형 프로그래밍
- 화살표 함수 {}
- Learning React
- vue3 drag and drop
- reflow
- component is already mounted please use $fetch instead.
- vue 컴포저블 함수
- 인터넷 거버넌스
- $fetch
- ToDo
- commonjs와 ecmascript modules(esm)
- nuxt universal rendering
- 화살표 함수 중괄호
- vuedraggable
- d3 지도
- pm2 업데이트 에러
- vue composable 함수
- ecmascript modules(esm)
- d3 지도 확대/축소
- git
- d3 지도 타입스크립트
- 참조형 default
- 참조형 props의 default
- d3 지도 툴팁
- firebase id 자동
Archives
- Today
- Total
목록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