막대형, 선형 또는 원형 차트를 만들어 방문자에게 매력적인 형식으로 데이터를 표시합니다.

사이트에서 차트 블록을 사용하여 데이터를 시각화하세요. 차트는 다양한 데이터 시리즈 간의 관계를 설득력 있게 설명합니다. 막대형 차트, 꺾은선형 차트, 원형 차트를 생성하고 스타일을 지정할 수 있습니다.

차트 블록은 Squarespace 외부 프로그램에서 생성된 차트의 정적 이미지를 삽입하는 대신 사용하기 좋습니다. 차트는 다양한 화면 크기에 맞춰 반응형으로 크기가 조정되어 보기 좋게 표시되며, 데이터는 언제든지 업데이트할 수 있습니다.

팁: 이 가이드는 사이트에 차트를 추가하는 방법을 설명합니다. 열과 행이 있는 표를 추가하려면 사용자 지정 코드를 추가할 수 있습니다. 자세히 알아보려면 Squarespace Forum의 이 게시물을 방문하세요.

사용자 지정 코드 수정은 Squarespace 지원 범위에 포함되지 않습니다. 이는 코드 기반 솔루션의 설정이나 문제 해결을 도와드릴 수 없음을 의미합니다.

시작하기 전에

Excel이나 Google 스프레드시트와 같은 스프레드시트 프로그램에서 .csv 형식으로 데이터를 준비하는 것을 권장합니다. 블록에서 열과 행을 머리말로 변환할 수 있도록 머리말이 있는지 확인합니다.

차트 블록 추가

차트 블록 추가 방법:

1. 페이지나 게시물을 편집한 후, 블록 추가 또는 삽입 지점을 클릭하고, 차트를 클릭합니다. 도움이 필요하시면 블록으로 콘텐츠 추가하기를 방문하세요.
2. 블록의 연필 아이콘을 클릭하여 블록 편집기를 엽니다.
3. 막대형 차트, 꺾은선형 차트 또는 원형 차트를 클릭합니다. 차트 편집기가 열리면 자리 표시자 콘텐츠가 포함된 차트 미리보기가 표시됩니다.

4. 데이터 또는 가져오기/내보내기 탭을 사용하여 데이터를 추가합니다.
5. 디자인 탭을 사용하여 차트를 디자인합니다. 사이트가 7.0 버전인 경우, 적용을 클릭하여 변경 사항을 게시합니다.

자세한 단계가 필요한 경우 아래 섹션을 따르세요.

차트 블록 레이아웃

여기 각 차트 블록 레이아웃의 예시가 있습니다. 레이아웃은 차트 블록의 데이터 탭에서 변경할 수 있습니다. 레이아웃을 선택하면 페이지에 해당 레이아웃의 미리보기가 표시됩니다. 새 레이아웃에 가장 잘 맞도록 데이터 형식을 다시 지정해야 할 수도 있습니다.

데이터 추가

차트 유형을 선택한 후에는 가져오기/내보내기 탭을 사용하여 .csv 파일에서 데이터를 가져올 수 있습니다. 데이터 탭을 사용하여 수동으로 데이터를 추가할 수도 있습니다.

참고: 최대 25개의 행과 25개의 열을 추가할 수 있습니다. 숫자만 입력하세요. 편집기는 모든 달러 기호($)를 0으로 변환합니다.

Option 1 - Copy data from a .csv

데이터 스프레드시트가 있는 경우, 일반 텍스트 .csv 파일에서 복사하여 붙여 넣을 수 있습니다. 데이터가 많고 Excel 또는 Google 스프레드시트에서 스프레드시트를 작성하는 데 익숙한 경우, 이 방법을 권장합니다.

Tip: In your spreadsheet program, use column and row headers to create labels for the chart. You’ll then open the .csv in a plain text editor since the block can’t import cells from a spreadsheet.

1. 차트 블록 편집기를 열어 둡니다.
2. In your spreadsheet program, save your data as a .csv file.
3. Open the file in a plain text editor like Notepad or TextEdit.
4. 텍스트를 모두 선택하여 복사합니다.
5. 블록 편집기에서 가져오기/내보내기를 클릭합니다.
6. 차트 데이터 필드에서 자리 표시자 데이터를 삭제합니다.
7. Paste the text you copied from the .csv.
8. 업데이트를 클릭한 다음 나타나는 메시지에서 확인을 클릭합니다.
9. The chart preview will refresh with new data.

가져오기/내보내기 탭의 데이터는 다음과 같아야 합니다.

Option 2 - Enter or edit data manually

블록 편집기에서 행을 하나씩 입력하여 차트를 처음부터 만들 수 있습니다. 기존 데이터가 없거나 차트가 단순한 편인 경우 이 옵션을 사용하세요. 데이터를 가져온 후에 데이터를 편집하려면 다음 단계를 따를 수 있습니다.

1. 블록 편집기의 데이터 탭에서 나타나는 휴지통에 자리 표시자 행을 드래그하여 제거합니다.
2. 오른쪽 상단의 + 아이콘을 클릭하여 새 열과 열 머리말을 추가합니다. 원형 차트 블록은 열을 두 개만 사용할 수 있습니다.
3. 왼쪽 하단 근처에 있는 + 아이콘을 클릭하여 새 행과 행 머리말을 추가합니다.
4. 셀을 클릭하여 새 데이터를 입력하거나 자리 표시자 데이터를 교체합니다. 모든 셀을 채웁니다. 데이터를 입력하면 차트 미리 보기가 업데이트됩니다.

Tip: Navigate between cells and rows with the Tab key, just like in any spreadsheet program.

5. 데이터가 표시되는 방식을 변경하려면 X축 및 Y축 뒤집기를 선택합니다. 원형 차트 블록에는 권장하지 않습니다.

서식 지정 팁

데이터 서식을 지정하는 방법은 사용하는 차트 블록의 유형에 따라 달라질 수 있습니다. 각 차트의 서식을 지정하는 방법에 대해 자세히 알아보려면 다음 팁을 따르세요.

차트 설계

디자인 탭에서 사용자 지정 텍스트를 추가하고, 범례를 표시하고, 색상 팔레트를 선택할 수 있습니다. 이러한 디자인 옵션의 자세한 내용을 확인하려면 이 표를 검토세요.

텍스트 스타일링

블록의 텍스트 글꼴과 색상을 변경하려면 사이트 스타일을 사용하세요. 텍스트 스타일을 지정하는 방법은 사용 중인 Squarespace 사이트 버전에 따라 달라집니다.

차트 데이터 내보내기

데이터를 Squarespace 외부의 .csv 파일로 백업하려면 다음 방법을 따르세요.

1. 페이지 패널을 엽니다.
2. 차트 블록이 나타나는 페이지나 게시물에서 편집을 클릭합니다.
3. 차트 블록을 두 번 클릭합니다.
4. 가져오기/내보내기를 클릭합니다.
5. 차트 데이터 필드에 있는 데이터를 복사합니다.
6. Paste the data into a plain text editor.
7. Save the file as a .csv. This converts the file into a spreadsheet.