대체 알림: 이 지도 차트는 최신 버전으로 대체되었습니다.
이 페이지에서는 Charts API를 사용하여 컬러 지도를 만드는 방법을 설명합니다.
목차
개요
다양한 국가 또는 주가 맞춤 색상으로 강조 표시된 지도를 만들 수 있습니다. 지도를 지정하려면 지도에서 확대해야 하는 전 세계의 지역을 지정합니다. 또한 지도에서 색상을 지정해야 하는 지역 목록과 해당하는 각 국가에 숫자 값을 할당하는 병렬 데이터 목록을 지정합니다. 각 국가는 할당된 값에 따라 그라데이션을 따라 색상이 지정됩니다. 선택사항으로 데이터 값에 맞춤 색상 그라디언트를 지정할 수 있습니다.
지도 차트는 다음 매개변수를 지원합니다.
매개변수 | 필수 또는 선택사항 | 설명 |
---|---|---|
cht=t |
필수 | 지도 차트를 지정합니다. |
chs |
필수 | 지도 크기. 지도의 최대 크기는 440x220입니다. |
chtm=<zoom_area> |
필수 | 차트에 표시되는 지리적 영역입니다.
|
chld=<country_or_state_codes> |
필수 | 값을 적용할 국가 또는 주의 목록입니다.
예: |
chd=<country_values> |
필수 | 리전 목록과 동일한 값 목록으로, 값이 해당 리전에 적용됩니다. 값은 표준 형식의 데이터 값입니다. 각 영역에는 chco에 지정된 스케일을 따라 색상이 할당됩니다. 여기서 범위의 가장 낮은 값이 가장 낮은 색상에 적용되고 범위의 가장 높은 값이 마지막 색상에 적용됩니다.
|
chco=<default_color>,<start_of_gradient>,...,<end_of_gradient> |
선택사항 | 데이터 형식 범위의 낮은 데이터 값과 높은 데이터 값에 해당하는 색상 범위입니다. 데이터 값은 이 그라데이션을 따라 색상 값으로 변환되어 해당 국가에 적용됩니다.
|
chtt, chts |
선택사항 | 차트 제목 및 스타일 |
chma |
선택사항 | 차트 여백 |
chf=bg |
선택사항 | 단색 채우기 (배경만 해당) |
예시
설명 | 예시 |
---|---|
이 예는 다음과 같습니다.
|
|
이 차트는 이전 차트와 비슷하지만 더 자세한 내용이 포함되어 있습니다. |
chtm=africa |
이 차트는 정의되지 않은 단일 값 ( |
chs=440x220 |
미국 주 코드
다음은 지도를 미국(chld=usa
)으로 확대할 때 지원되는 주 코드입니다.
AL | 앨라배마 | LA | 루이지애나 | OH | 오하이오 |
AK | 알래스카 | 중동 | 메인 | 확인 | 오클라호마 |
AZ | 아리조나 | MD | 메릴랜드 | 또는 | 오리건 |
AR | 아칸소 | MA | 매사추세츠 | PA | 펜실베이니아 |
CA | 캘리포니아 | MI | 미시간 | RI | 로드아일랜드 |
CO | 콜로라도 | MN | 미네소타 | SC | 사우스캐롤라이나 |
CT | 코네티컷 | MS | 미시시피 | SD | 사우스다코타 |
DE | 델라웨어 | MO | 미주리 | TN | 테네시 |
FL | 플로리다 | MT | 몬타나 | TX | 텍사스 |
GA | 조지아 | NE | 네브래스카 | UT | 유타 |
HI | 하와이 | NV | 네바다 | VT | 버몬트 |
ID | 아이다호 | NH | 뉴햄프셔 | VA | 버지니아 |
IL | 일리노이 | NJ | 뉴저지 | WA | 워싱턴 |
IN | 인디애나 | NM | 뉴멕시코 | WV | 웨스트버지니아 |
IA | 아이오와 | NY | 뉴욕 | WI | 위스콘신 |
KS | 캔자스 | NC | 노스캐롤라이나 | WY | 와이오밍 |
KY | 켄터키 | ND | 노스다코타 |
표준 기능
이 페이지의 나머지 기능은 표준 차트 기능입니다.
차트 제목 chtt
, chts
[모든 차트]
차트의 제목 텍스트, 색상, 글꼴 크기를 지정할 수 있습니다.
문법
chtt=<chart_title> chts=<color>,<font_size>,<opt_alignment>
chtt
- 차트 제목을 지정합니다.
- <chart_title>
- 차트에 표시할 제목입니다. 표시 위치를 지정할 수는 없지만 글꼴 크기와 색상을 지정할 수는 있습니다. 공백을 표시하려면 + 기호를 사용하고 줄바꿈을 나타내려면 파이프 문자 (
|
)를 사용합니다.
chts
[선택사항] - chtt
매개변수의 색상 및 글꼴 크기입니다.
- <color>
- RRGGBB 16진수 형식의 제목 색상입니다. 기본 색상은 검은색입니다.
- <font_size>
- 제목의 글꼴 크기(포인트)
- <opt_alignment>
- [선택사항] 제목의 정렬입니다. 'l' (왼쪽), 'c' (가운데), 'r' (오른쪽) 등 대소문자를 구분하는 문자열 값 중 하나를 선택합니다. 기본값은 'c'입니다.
예시
설명 | 예시 |
---|---|
기본 색상과 글꼴 크기를 사용하는 제목이 있는 차트입니다. 더하기 기호 ( 줄바꿈을 강제로 적용하려면 파이프 문자 (
|
chtt=Site+visitors+by+month| |
파란색 오른쪽 정렬, 20포인트 제목이 있는 차트 |
chtt=Site+visitors |
차트 여백 chma
[모든 차트]
차트의 여백 크기를 픽셀로 지정할 수 있습니다. 여백은 지정된 차트 크기 (chs
)에서 안쪽으로 계산됩니다. 여백 크기를 늘리면 총 차트 크기가 늘어나지 않고 필요한 경우 차트 영역이 줄어듭니다.
여백은 기본적으로 차트 크기를 계산한 후 남은 모든 값입니다. 이 기본값은 차트 유형에 따라 다릅니다. 지정한 여백은 최소 값입니다. 차트 영역에 여백이 있는 경우 남은 여백 크기가 모두 남게 됩니다. 범례와 라벨에 필요한 것보다 작은 여백은 줄일 수 없습니다. 다음 다이어그램은 차트의 기본적인 부분을 보여줍니다.
차트 여백에는 축 라벨과 범례 영역이 포함됩니다. 팁: 막대 그래프에서 막대의 크기가 고정된 경우 (기본값) 차트 영역 너비를 줄일 수 없습니다. |
문법
chma= <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
- <left_margin>, <left_margin>, <left_margin>, <left_margin>
- 차트 영역 둘레의 최소 여백 크기(픽셀)입니다. 축 라벨이 차트의 테두리에 부딪히지 않도록 패딩을 포함하려면 이 값을 늘리세요.
- <opt_legend_width>, <opt_legend_height>
- [선택사항] 범례 주위의 여백 너비(픽셀)입니다. 범례가 차트 영역이나 이미지의 가장자리에 부딪히는 것을 방지하려면 이 옵션을 사용하세요.
예시
설명 | 예시 |
---|---|
이 예에서 차트의 최소 여백은 각 면에 30픽셀입니다. 차트 범례의 너비가 30픽셀을 초과하므로 오른쪽의 여백은 차트 범례의 너비로 설정되며 다른 여백과 다릅니다. 축 라벨이 플롯 영역 밖에 있으므로 여백 공간 내에 그려집니다. |
|
범례 주위에 여백을 추가하려면 이 예에서 범례의 너비는 약 60픽셀입니다. |
|
배경 채우기 chf
[모든 차트]
차트 데이터 영역 또는 전체 차트 배경의 채우기 색상과 스타일을 지정할 수 있습니다. 채우기 유형에는 단색 채우기, 줄무늬 채우기, 그라데이션이 있습니다.
영역마다 다른 채우기를 지정할 수 있습니다 (예: 전체 차트 영역 또는 데이터 영역). 차트 영역 채우기는 배경 채우기를 덮어씁니다. 모든 채우기는 chf
매개변수를 사용하여 지정되며 값을 파이프 문자 (| )로 구분하여 동일한 차트에서 다양한 채우기 유형 ( 줄무늬, 줄무늬, 그라데이션)을 혼합할 수 있습니다. 차트 영역 채우기는 차트 배경 채우기를 덮어씁니다.
채워짐 chf
[모든 차트]
배경 또는 차트 영역에 단색 채우기를 지정하거나 전체 차트에 투명도 값을 할당할 수 있습니다. 파이프 문자 (|
)를 사용하여
여러 채우기를 지정할 수 있습니다(지도: 백그라운드 전용).
문법
chf=<fill_type>,s,<color>|...
- <fill_type>
- 차트에서 채워지고 있는 부분입니다. 다음 값 중 하나를 지정합니다.
bg
- 배경 채우기c
- 차트 영역 채우기. 지도 차트에는 지원되지 않습니다.a
- 전체 차트 (배경 포함)를 투명하게 만듭니다.<color>
의 처음 6자리는 무시되고 마지막 두 자리 (투명도 값)만 전체 차트 및 모든 채우기에 적용됩니다.b<index>
- 막대 실선 채우기 (막대 그래프만 해당) <index>를 단색으로 채울 막대의 시리즈 색인으로 바꿉니다. 효과는 막대 그래프에서chco
를 지정하는 것과 유사합니다. 예는 막대 차트 계열 색상을 참고하세요.
- s
- 단색 또는 투명도 채우기를 나타냅니다.
- <color>
- 채우기 색상입니다(RRGGBB 16진수 형식). 투명도의 경우 처음 6자리는 무시되지만 어쨌든 포함되어야 합니다.
예시
설명 | 예시 |
---|---|
이 예시에서는 차트 배경을 연한 회색으로 채웁니다( |
|
이 예시에서는 차트 배경을 연한 회색( |
|
이 예에서는 전체 차트에 50% 투명도를 적용합니다(16진수의 80은 128 또는 약 50% 투명도). 차트를 통해 표 셀 배경이 표시되는 것을 볼 수 있습니다. |
|
6자리 16진수 문자열과 2개의 선택적 투명도 값을 RRGGBB[AA]
형식으로 사용하여 색상을 지정합니다.
예를 들면 다음과 같습니다.
FF0000
= 빨간색00FF00
= 녹색0000FF
= 파란색000000
= 검은색FFFFFF
= 흰색
AA
는 선택적 투명도 값입니다. 여기서 00
는 완전히 투명하고 FF
는 완전히 불투명합니다. 예를 들면 다음과 같습니다.
0000FFFF
= 파란색이 계속 켜져 있음0000FF66
= 투명한 파란색