지도 차트 (지원 중단된 버전)

 

교체 알림: 이 지도 차트는 최신 버전으로 대체되었습니다.

이 페이지에서는 차트 API를 사용하여 색상 지도를 만드는 방법을 설명합니다.

목차

차트별 기능

  1. 개요
  2. 미국 주 코드

표준 기능

  1. 차트 제목 (chtt, chts)
  2. 차트 여백 (chma)
  3. 배경 채우기
    1. Solid Fills (chf)

개요

다양한 국가 또는 주가 맞춤 색상으로 강조표시된 지도를 만들 수 있습니다. 지도를 지정하려면 지도에서 확대해야 하는 세계의 지역을 지정합니다. 또한 지도에서 색상을 지정해야 하는 지역 목록과 각 국가에 숫자 값을 할당하는 병렬 데이터 목록을 지정합니다. 각 국가는 할당된 값에 따라 그라데이션을 따라 색상이 지정됩니다. 원하는 경우 데이터 값에 맞춤 색상 그라데이션을 지정할 수 있습니다.

지도 차트는 다음 매개변수를 지원합니다.

매개변수 필수 또는 선택사항 설명
cht=t 필수 지도 차트를 지정합니다.
chs 필수 지도 크기 지도의 최대 크기는 440x220입니다.
chtm=<zoom_area> 필수

차트에 표시되는 지리적 영역입니다.

  • zoom_area - 다음 값 중 하나
    • africa
    • asia
    • europe
    • middle_east
    • south_america
    • usa
    • world
chld=<country_or_state_codes> 필수

값을 적용할 국가 또는 주의 목록입니다.

  • 국가_또는_상태 코드 - 2자리 코드 세트로, 사이에 구분자가 없습니다. 다음 유형 중 하나를 사용하세요(유형을 혼합할 수 없음).

예: chld=DZEGMG
chd=<country_values> 필수

리전 목록과 병렬적인 값 목록으로, 값은 해당 리전에 적용됩니다. 값은 표준 형식이 지정된 데이터 값입니다. 각 영역에는 chco에 지정된 스케일이 따라 색상이 할당됩니다. 범위의 최저 값은 가장 낮은 색상에 적용되고 해당 범위의 가장 높은 값은 마지막 색상에 적용됩니다.

  • country_values - 적절한 형식 문자열의 목록입니다. 예를 들면 t:10,20,30, s:aU2Ff, e:BaPoqM-A입니다.
chco=<default_color>,<start_of_gradient>,...,<end_of_gradient> 선택사항

데이터 형식 범위의 낮은 데이터 값과 높은 데이터 값에 해당하는 색상 범위입니다. 데이터 값은 이 그라데이션을 따라 색상 값으로 변환되고 해당 국가에 적용됩니다.

  • default_color - [선택] 할당된 데이터가 없는 지역의 색상입니다. 기본값은 BEBEBE (중간 회색)입니다. RRGGBB 형식의 16진수입니다.
  • start_of_gradient - [선택사항] 데이터 형식 범위의 최솟값에 해당하는 색상입니다. 기본값은 0000FF(파란색)입니다. RRGGBB 형식의 16진수입니다.
  • ... - [선택사항] 중간 색상은 원하는 만큼 사용할 수 있습니다.
  • end_of_gradient - [end_of_gradient] 데이터 형식 범위의 최댓값에 해당하는 색상입니다. 기본값은 FF0000 (빨간색)입니다. RRGGBB 형식의 16진수
chtt, chts 선택사항 차트 제목 및 스타일
chma 선택사항 차트 여백
chf=bg 선택사항 단색 채우기 (백그라운드만)

 

예시

설명 예

이 예에서는 다음과 같이 정의됩니다.

  • 차트 확대/축소 영역은 아프리카 (chtm=africa)입니다.
  • 마다가스카르, 알제리, 이집트, 3개 국가에 값이 할당됩니다 (chld=DZEGMG).
  • 이러한 국가에 할당된 세 개의 값은 각각 0, 100, 50 (chd=t:0,100,50)이며 이는 텍스트 형식 데이터의 최솟값, 최댓값, 중간값입니다.
  • 색상 범위는 0은 빨간색, 100은 녹색, 할당되지 않은 국가는 흰색 (chco=FFFFFF,FF0000,00FF00)입니다.
  • 차트에는 밝은 파란색 배경 채우기도 있습니다 (chf=bg,s,EAF7FE).

아프리카 지도
cht=t
chtm=africa
chld=DZEGMG
chd=t:0,100,50
chco=FFFFFF,FF0000,00FF00
chf=bg,s,EAF7FE

이 차트는 이전 차트와 비슷하지만 더 자세한 정보가 있습니다.

 아프리카 지도
chtm=africa
chld=DZEGMGAOBWNGCFKECGCVSNDJTZGHMZZM
chco=FFFFFF,FF0000,FFFF00,00FF00
chd=t:0,100,50,32,60,40,43,12,14,54,98,17,70,76,18,29
chf=bg,s,EAF7FE

이 차트에서는 정의되지 않은 단일 값 (chd=t:-1)을 지정하여 강조표시된 국가가 없음을 명시합니다.

 세계 지도
chs=440x220
chd=t:-1
cht=t
chtm=world

맨 위로

미국 주 코드

다음은 지도가 미국으로 확대될 때 지원되는 주 코드입니다(chld=usa).

AL 앨라배마 LA 루이지애나 OH 오하이오
AK 알래스카 ME 메인 확인 오클라호마
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 워싱턴
인도 인디애나 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'입니다.

 

예시

설명 예

기본 색상과 글꼴 크기를 사용하는 제목이 있는 차트입니다.

더하기 기호 (+)로 공백을 지정합니다.

파이프 문자 (|)를 사용하여 강제로 줄바꿈을 합니다.

chts는 여기에 지정되지 않았습니다.

 제목이 있는 세로 막대 그래프
chtt=Site+visitors+by+month|
January+to+July

오른쪽에 정렬된 파란색 제목이 20포인트인 차트

 파란색 20픽셀, 제목이 있는 세로 막대 그래프
chtt=Site+visitors
chts=FF0000,20,r

맨 위로

차트 여백 chma [모든 차트]

차트의 여백 크기는 픽셀 단위로 지정할 수 있습니다. 여백은 지정된 차트 크기 (chs)에서 안쪽으로 계산됩니다. 여백 크기를 늘리면 전체 차트 크기가 늘어나지 않고 필요에 따라 차트 영역이 축소됩니다.

여백은 기본적으로 차트 크기를 계산한 후 남은 값입니다. 이 기본값은 차트 유형에 따라 다릅니다. 지정하는 여백은 최소 값입니다. 차트 영역에 여백을 위한 공간이 있으면 남은 크기의 여백이 되며, 범례와 라벨에 필요한 것보다 여백을 더 작게 줄일 수는 없습니다. 다음은 차트의 기본 부분을 보여주는 다이어그램입니다.

차트 여백, 범례 영역, 차트 영역

차트 여백에는 축 라벨과 범례 영역이 포함됩니다. chma를 사용하여 더 큰 너비를 지정하지 않는 한 범례 영역의 크기는 텍스트에 정확히 맞도록 자동으로 조정됩니다. 단, 이 경우 여백 크기가 넓어지고 차트 영역이 축소됩니다. 너무 작은 크기를 지정하여 범례를 자를 수 없지만 필요한 것보다 더 많은 공간을 차지하게 할 수 있습니다.

팁: 막대 그래프에서 막대의 크기가 고정된 경우 (기본값) 차트 영역 너비를 줄일 수 없습니다. chbh를 사용하여 더 작게 또는 크기 조절이 가능한 막대 크기를 지정해야 합니다.

 

문법

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>, <right_margin>, <top_margin>, <bottom_margin>
차트 영역 주변의 최소 여백 크기(픽셀)입니다. 이 값을 늘려 패딩을 포함하여 축 라벨이 차트의 테두리와 부딪히지 않도록 합니다.
<opt_legend_width>, <opt_legend_height>
[선택사항] 범례 둘레의 여백 너비(픽셀)입니다. 이렇게 하면 범례가 차트 영역이나 이미지의 가장자리에 부딪히지 않도록 할 수 있습니다.

 

예시

설명 예

이 예에서 차트의 각 측면은 최소 여백이 30픽셀입니다. 차트 범례의 너비가 30픽셀을 초과하므로 오른쪽의 여백이 차트 범례의 너비로 설정되며 다른 여백과 다릅니다.

축 라벨은 도표 영역 밖에 있으므로 여백 공간 내에 그려집니다.

회색 배경과 양쪽에 여백이 있는 선 차트
chma=30,30,30,30

범례 주위에 여백을 추가하려면 <opt_legend_width> 및 <opt_legend_height> 매개변수의 값을 설정합니다.

이 예에서 범례의 너비는 약 60픽셀입니다. <opt_legend_width>를 80픽셀로 설정하면 여백은 범례에서 벗어난 20픽셀까지 확장됩니다.

회색 배경과 양쪽에 여백이 있는 선 차트
chma=20,20,20,30|80,20

맨 위로

배경 채우기 chf [모든 차트]

차트 데이터 영역 또는 전체 차트 배경에 채우기 색상과 스타일을 지정할 수 있습니다. 채우기 유형에는 단색 채우기, 줄무늬 채우기, 그래디언트가 포함됩니다. 영역별로 채우기를 다르게 지정할 수 있습니다 (예: 전체 차트 영역 또는 데이터 영역만 해당). 차트 영역 채우기는 배경 채우기를 덮어씁니다. 모든 채우기는 chf 매개변수를 사용하여 지정되며, 값을 파이프 문자 (| )로 구분하여 동일한 차트에서 서로 다른 채우기 유형 ( 실선, 스트라이프, 그라데이션)을 혼합할 수 있습니다. 차트 영역 채우기는 차트 배경 채우기를 덮어씁니다.

chf 채우기 [모든 차트]

배경 또는 차트 영역을 단색 채우기를 지정하거나 전체 차트에 투명도 값을 할당할 수 있습니다. 파이프 문자 (|)를 사용하여 채우기를 여러 개 지정할 수 있습니다(지도: 백그라운드만 해당).

문법

chf=<fill_type>,s,<color>|...
<fill_type>
차트에서 채워지는 부분입니다. 다음 값 중 하나를 지정합니다.
  • bg - 배경 채우기
  • c - 차트 영역 채우기 지도 차트에는 지원되지 않습니다.
  • a - 전체 차트 (배경 포함)를 투명하게 만듭니다. <color>의 처음 6자리는 무시되고 마지막 2자리 (투명도 값)만 전체 차트와 모든 채우기에 적용됩니다.
  • b<index> - 막대 실선 채우기 (막대 그래프만 해당) <index>를 단색으로 채울 막대의 계열 색인으로 바꿉니다. 이 효과는 막대 그래프에서 chco를 지정하는 것과 비슷합니다. 예는 막대 차트 계열 색상을 참고하세요.
s
실선 또는 투명도 채우기를 나타냅니다.
<color>
채우기 색상(RRGGBB 16진수 형식)입니다. 투명도의 경우 처음 6자리는 무시되지만, 어쨌든 포함해야 합니다.

 

예시

설명 예

이 예에서는 차트 배경을 연한 회색(EFEFEF)으로 채웁니다.

검은색 영역이 채워진 빨간색 선 차트입니다.

chf=bg,s,EFEFEF

이 예에서는 차트 배경을 연회색(EFEFEF)으로 채우고 차트 영역을 검은색 (000000)으로 채웁니다.

검은색 차트 영역과 연한 회색 배경의 빨간색 선 차트

chf=c,s,000000|
bg,s,EFEFEF
이 예에서는 전체 차트에 50% 의 투명도를 적용합니다(16진수의 80은 128, 즉 투명도의 약 50%). 차트를 통해 표 셀 배경이 표시되는 것을 볼 수 있습니다.

점이 파란색이고 투명도가 50% 인 분산형 차트

chf=a,s,00000080

맨 위로

색상 형식

16진수 값으로 구성된 6자 문자열과 RRGGBB[AA] 형식으로 된 2개의 투명도 값(선택사항)을 사용하여 색상을 지정합니다. 예를 들면 다음과 같습니다.

  • FF0000 = 빨간색
  • 00FF00 = 녹색
  • 0000FF = 파란색
  • 000000 = 검은색
  • FFFFFF = 흰색

AA는 선택적 투명도 값입니다. 여기서 00는 완전히 투명하고 FF는 완전히 불투명합니다. 예를 들면 다음과 같습니다.

  • 0000FFFF = 파란색 = 깜박이지 않음
  • 0000FF66 = 투명한 파란색

맨 위로