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 | 31 |
Tags
- MVC패턴
- ASP.NET 게시
- 해결
- IIS 사용법
- 비쥬얼스튜디오
- 워터팟
- 두잇 워터팟
- 신장 보조제
- 랭디
- 고양이 혹수술
- 카카오
- 비만세포종
- 전화영어 성적표
- 루비날
- 오류
- 랭디 후기
- 전화영어 피드백
- 고양이 혹제거 수술
- 우편번호API
- 고양이 보조제
- 전화영어
- IIS 세팅
- 고양이
- asp.net
- OwinStartupAttribute
- 오류 해결
- html
- iis
- 게시하기
- 혹제거수술
Archives
- Today
- Total
혼자서도 잘해요
Morris.js 사용법. Morris.js로 그래프 만들기. 본문
1. 스크립트 & CSS 추가
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
2. 차트를 넣을 부분 id를 myfirstchart라고 주었다.

3. 스크립트안에 아래와 같이 예제를 써준다. (morris.js에서 제공하는 예제를 조금 수정함)

결과

xkey는 x축, ykeys로는 항목이 생성되고 ykeys의 value로 해당 항목에 값이 들어간다.
해당 항목의 value가 null 이면 그 부분 빼고 데이터가 생성된다.
예시로 06-01에 b 데이터가 없다.
그래서 그래프에는 b가 데이터가 생기는시점인 06-03부터 회색선(b데이터)이 생성되어있다.
Morris 차트에서 x축이 추가되지않는 문제, 해결(Morris.js)
Morris 차트 기본 사용법 Morris.js 사용법. Morris.js로 그래프 만들기. 1. 스크립트 & CSS 추가 2. 차트를 넣을 부분에 id를 myfirstchart라고 주었다. 3. 스크립트안에 아래와 같이 예제를 써준다. (morris.js..
hyed3.tistory.com
'개발생활 > HTML | CSS | 자바스크립트' 카테고리의 다른 글
HTML 애니메이션 효과주기 (ASP.NET) (0) | 2021.06.15 |
---|---|
Morris 차트에서 x축이 추가되지않는 문제 해결(Morris.js) (0) | 2021.06.09 |
HTML Button 태그 오류, 화면 깜빡이는 오류 (0) | 2021.06.01 |
자식창에서 Daum&카카오 우편번호 API 사용하기 (우편번호API 오류 해결, ASP.NET) (0) | 2021.05.26 |
Daum&카카오 우편번호 API 사용법(ASP.NET) (0) | 2021.05.26 |