코딩기록

  • 홈
  • 태그
  • 방명록

차트 2

[Chart.js] 데이터 값마다 포인트 이미지 다르게 주고 싶다.

데이터는 0 ~ 100으로 들어가지만 위아래 여백을 주고 싶어서 +- 10씩 해줬다.   const ctx = document.getElementById('myChart');const dataValues = [75, 25, 50, 0, 100];// 이미지 아이콘const imageUrls = [ './emoji_0.png', './emoji_25.png', './emoji_50.png', './emoji_75.png', './emoji_100.png',]const images = imageUrls.map(url => { const img = new Image(25, 25); img.src = url; return img;});..

언어/Chart.js 2024.06.27

[Chart.js] 그래프 클릭하면 모달 창 띄우기(v.4.2.1)

html WWW.CHARTJS3.COM (Chart JS ) 모달 헤더 body close css .bar_modal { z-index: 10; position: fixed; margin: 0; padding: 0; left: 0; top: 0; height: 100vh; width: 100%; background: rgba(0,0,0,0.3); transition: opacity .2s; } .bar_modal.hide { opacity: 0; z-index: -10; } .modal { background: #fff; width: 300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: ce..

언어/Chart.js 2024.01.18
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (178) N
    • 언어 (113)
      • Vue.js (2)
      • React.js (13)
      • JavaScript (35)
      • TypeScript (2)
      • Next.js (19)
      • Chart.js (8)
      • C (21)
      • css (13)
    • 토이프로젝트 (9)
    • 강의 (14)
      • 노마드 코더 강의 (12)
      • 패스트캠퍼스 강의 (1)
      • 제로초 Next.js (1)
    • 코딩테스트 (17)
    • 자료구조 (14)
    • 책 (6) N

Tag

c, chart.js, 공부, javascript, JS, 코딩, 자바스크립트, 강의, React, 코딩테스트, 리액트, 자바스크립트 딥다이브, 자료구조, cssChallenge, css, 노마드코더, NEXT, 코딩자율학습, firebase, C언어,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바