[웹인] Google 스프레드시트 (3) - 차트 삽입 및 웹 게시

본 게시물에서는 차트 삽입과 차트를 웹에 게시하는 방법에 대해 알아보자.

차트로 나타내고자 하는 셀 영역에 블록을 씌운다.

[삽입]-[차트]를 누른다.

[차트 편집기]가 나타나면 [시작] 탭에서 차트 모양을 [열 차트]로 설정한다.

오른쪽에 있는 미리 보기 영역에 차트 모양이 [열 차트]로 바뀌어 나타난다.

[차트] 탭으로 이동하면 다양한 종류의 차트 모양을 선택할 수 있다.

[맞춤설정] 탭에서 [차트 제목]을 '성적보고서'로 하고 글꼴 서식을 지정한다. [범례] 위치는 [내부]로 변경한다.

차트 미리 보기 영역에 [차트 제목]과 [범례]가 아래 그림과 같이 나타난다.

[맞춤설정] 탭에서 [축]을 '가로'로 하고 [제목]에 '이름'을 입력한 후 적절한 글꼴 서식을 지정한다.

가로 축 이름이 차트에 삽입된 것을 차트 미리 보기 영역에서 확인할 수 있다.

[축]을 [왼쪽 세로축]으로 선택하고, [제목]에 '점수'를 입력한 후 적절한 글꼴 서식을 지정한다. 그리고 세로 축의 크기를 [최소값]은 60, [최대값]은 120으로 변경해보자.

차트 미리 보기 영역에 세로 축 이름과 축 크기가 반영된 것을 확인할 수 있다.

차트의 각 데이터 그래프 색을 변경하고자 할 때는 [열]에서 각 범례명을 선택한 후 [색상]을 바꾸어주면 된다. 설정이 끝났으면 [삽입] 버튼을 누른다.

그러면 지금까지 설정한 차트 모양이 해당 시트에 삽입된다. 이제 차트를 웹에 게시해보자. 삽입된 차트의 오른쪽 상단 화살표를 누르고 [차트 게시]를 실행한다.

[차트 게시] 창에서 [게시 서식 선택]이 [대화식 차트]로 선택되어 있는지 확인한 후 HTML 코드를 복사한다.

Google 블로거의 [새 글 작성]에서 [HTML] 버튼을 누르고 방금 복사한 코드를 붙여넣는다. [게시] 버튼을 눌러 편집 내용이 사용자들에게 보이도록 하자.

그러면 아래 그림과 같이 차트가 웹 페이지의 본문으로 게시되는 것을 확인할 수 있다.

※ 첨부 파일

차트문제.xlsx