본문 바로가기 메뉴 바로가기

스쿨 데브옵스

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

스쿨 데브옵스

검색하기 폼
  • 분류 전체보기 (82)
    • Kafka (11)
    • Kubernetes (21)
    • Python (0)
    • SpringBoot (2)
    • JPA (12)
    • Terraform (3)
    • Go (11)
    • MongoDB (3)
    • AWS (1)
    • D3시각화 (13)
    • 알아야할 IT지식 (5)
  • 방명록

line (1)
[D3 10] Line Chart

Line Chart 이번에는 차트 중에서 가장 많이 사용하는 라인 차트를 그려보겠습니다. 라인 차트를 이루는 구성 요소를 알아볼께요. 라인차트 구성요소 타이틀 표시할 데이터: 라인차트를 그려주기 위해서는 데이터가 준비 되어야겠지요? 데이터는 월별 판매지수 그대로 이용하겠습니다 . x축, y축 바 차트 line 함수 line 데이터를 path 를 이용하여 그려주기. 라인에 커브 속성 넣어주기 (꺽은선, 연속선) 등 표시하기 위와 같이 라인 구성요소는 바 차트와 대부분 유사하지만, 라인차트를 그려줄때 사용하는 함수는 조금 다릅니다. 우리는 소스에서 라인차트를 좀더 명확하게 표시하기 위해서 circle 을 추가하여, 라인의 지점마다 핑크색 점을 찍어보도록 하겠습니다. 라인차트 소스 데이터 설정하기. var d..

D3시각화 2022. 5. 13. 10:23
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Golang
  • AWS
  • MySQL
  • D3
  • go
  • jpa
  • Kafka
  • kubernetes
  • jenkins
  • Database
  • kafka-springboot
  • springboot
  • docker
  • CI
  • CD
  • mongo
  • argocd
  • NodeSelector
  • declative
  • docker-compose
  • tfsec
  • kubectl
  • Spring
  • deploy
  • gitops
  • mapping
  • java
  • MongoDB
  • Gorilla
  • Terraform
more
«   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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.