새로운 마크다운 느낌 작성자 정보 작성자 우성짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일 2020.08.29 17:16 컨텐츠 정보 조회 6,847 목록 답변 본문 ### 4. 효율적으로 그리기[순서도](https://github.com/knsv/mermaid#flowchart) ```mermaid graph TD; A-->B; A-->C; B-->D; C-->D; ``` ### 5. 효율적으로 그리기 [시퀀스 다이어그램](https://github.com/knsv/mermaid#sequence-diagram) ```mermaid sequenceDiagram participant Alice participant Bob Alice->John: Hello John, how are you? loop Healthcheck John->John: Fight against hypochondria end Note right of John: Rational thoughts <br/>prevail... John-->Alice: Great! John->Bob: How about you? Bob-->John: Jolly good! ``` ### 6. 효율적인 그리기 [간트 다이어그램](https://github.com/knsv/mermaid#gantt-diagram) > 간트 차트는 내면이 단순합니다. 기본적으로 선 그래프, 가로 축은 시간, 세로 축은 활동 (프로젝트)을, 선은 전체 기간 동안 계획된 활동과 실제 활동의 완료를 나타냅니다. 작업이 수행되도록 예약 된시기와 계획된 요구 사항과 비교 한 실제 진행 상황을 직관적으로 나타냅니다. ```mermaid gantt title 프로젝트 개발 프로세스 section 프로젝트 결정 수요분석 :a1, 2019-06-22, 3d 타당성검사 :after a1, 5d 개념증명 : 5d section 프로젝트 구현 개요 디자인 :2019-07-05 , 5d 상세 디자인 :2019-07-08, 10d 코드 :2019-07-15, 10d 테스트 :2019-07-22, 5d section 릴리즈 수락 해제: 2d 수락: 3d ``` ### 7. 차트 지원 ```echarts { "backgroundColor": "#212121", "title": { "text": "「우성짱의 NAS」방문기록", "subtext": "2020 년 8 월분", "x": "center", "textStyle": { "color": "#f2f2f2" } }, "tooltip": { "trigger": "item", "formatter": "{a} <br/>{b} : {c} ({d}%)" }, "legend": { "orient": "vertical", "left": "left", "data": [ "검색엔진", "직접링크", "추천링크", "기타", "소셜플랫폼" ], "textStyle": { "color": "#f2f2f2" } }, "series": [ { "name": "접근 소스", "type": "pie", "radius": "55%", "center": [ "50%", "60%" ], "data": [ { "value": 10440, "name": "검색엔진", "itemStyle": { "color": "#ef4136" } }, { "value": 4770, "name": "직접링크" }, { "value": 2430, "name": "추천링크" }, { "value": 342, "name": "기타" }, { "value": 18, "name": "소셜플랫폼" } ], "itemStyle": { "emphasis": { "shadowBlur": 10, "shadowOffsetX": 0, "shadowColor": "rgba(0, 0, 0, 0.5)" } } } ] } ``` 추천 0 SNS 공유 관련자료 댓글 0개 등록된 댓글이 없습니다. 로그인한 회원만 댓글 등록이 가능합니다. 목록 답변