지도 차트

이 페이지에서는 차트 API를 사용하여 색상 지도를 만드는 방법을 설명합니다. 이 차트는 이전 지도 차트 (cht=t)보다 큰 지도와 더 많은 기능을 지원하는 개선된 새 버전입니다.

목차

개요

다양한 국가 또는 주가 맞춤 색상으로 강조표시된 지도를 만들 수 있습니다. 지도를 적절한 수준으로 확대/축소하여 선택한 국가를 올바르게 표시하거나, 위도 및 경도 값을 사용하여 맞춤 수준으로 확대하거나 축소할 수 있습니다.

지원되는 매개변수

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

매개변수 필수 또는 선택사항 설명
cht=map<opt_zoom_and_center> 필수

지도 차트를 지정합니다.

Opt_zoom_and_center - 특정 지역을 중심으로 차트를 확대/축소하거나 중앙에 배치할 수 있는 문자열입니다(선택사항). 세부정보 보기

chs 필수 지도 크기 지도의 최대 크기는 너비 600픽셀, 높이 600픽셀 또는 총 300,000픽셀입니다.
chd=
 <first_country_value>,
 ...,
 <last_country_value>
선택사항 데이터 값은 사용되는 경우 chco로 지정된 색상 그라디언트와 함께 해당 국가의 색상을 나타냅니다.
chld=
 <country_or_region_codes>|...|
필수

chco로 지정된 색상으로 강조표시될 국가 또는 주를 세로선으로 구분한 목록입니다. 맞춤 확대/축소 또는 중심 지정을 하지 않으면 지정된 모든 국가가 포함되도록 지도가 자동으로 확대/축소됩니다. 코드는 대문자여야 합니다. 이러한 코드는 ISO 3166-1-alpha-2 코드로, 대문자 2개가 있고 그 뒤에 지역 또는 도시를 나타내는 대시와 두 번째 식별자가 붙습니다(선택사항). 예: GB (영국), GB-LND (런던), US-NJ (미국 뉴저지 주)

chco

  • chd가 사용되지 않는 경우:
    chco=
     <unselected_land_color>|
     <first_region_color>|
       ...|
     <last_region_color>
  • chd사용하는 경우:
    chco=
     <unselected_land_color>,
     <color_range_start>,
       ...,
     <color_range_end>
선택사항

차트 색상 이 문자열의 형식은 chd 사용 여부에 따라 다릅니다. 두 구문에서 <unselected_land_color>chld에 지정되지 않은 모든 영역의 색상입니다. 구분선은 구문에 따라 다릅니다 (하나는 쉼표, 다른 구문에는 파이프). 사용하지 않을 경우 지역이 윤곽선만 표시되고 색상이 지정되지 않습니다.

  • chd 사용됨 - 두 번째 이후의 색상은 색상 범위를 나타냅니다. chld에는 국가마다 chd 값이 하나씩 있어야 하며, 해당 국가는 <first_region_color> (최소 데이터 범위 값)부터 <last_region_color> (최대 데이터 범위 값)까지의 범위에 따라 색상이 지정됩니다. 아래 표의 예를 참고하세요.
  • chd 사용되지 않음 - 두 번째 이후의 색상이 chld의 상응하는 리전에 나열된 순서대로 적용됩니다. 색상보다 국가가 더 많은 경우 마지막 색상이 목록의 초과된 모든 국가에 적용됩니다.
chtt, chts 선택사항 차트 제목 및 스타일
chm 선택사항 차트 마커
chma 선택사항 차트 여백
chf=bg... 선택사항 단색 채우기 (백그라운드만)
chdl 선택사항 차트 범례

 

예시

설명

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

  • cht=map:fixed=-60,0,80,-35 - 차트 확대/축소 영역은 위도 -60~80, 경도 0~-35입니다.
  • chld=CA-BC|CN|IT|GR|US-UT - 유명한 지역은 브리티시컬럼비아, 중국, 이탈리아, 그리스, 유타입니다.
  • chm - 플래그의 차트 마커입니다.
  • chma=0,110,0,0 - 범례에 맞게 오른쪽 테두리가 110픽셀로 증가했습니다.
  • chtt=Last+Five+Olympic+Hosts - 차트 제목이며 +와 함께 공백을 표시합니다.

올림픽 개최국 5개국의 지도로 국기 마커가 표시되어 있습니다.
cht=map:fixed=-60,0,80,-35
chs=600x350
chld=CA-BC|CN|IT|GR|US-UT
chdl=Vancouver|Beijing|Torino|Athens|Salt+Lake+City
chco=B3BCC0|5781AE|FF0000|FFC726|885E80|518274
chtt=Last+Five+Olympic+Hosts
chm=f2010+Winter,000000,0,0,10
f2008+Summer,000000,0,1,10
f2008+Winter,000000,0,2,10,1,:-5:10
f2004+Summer,000000,0,3,10
f2004+Summer,000000,0,4,10
chma=0,110,0,0

두 지역이 강조표시된 프랑스의 지도

  • chld=FR-D|FR-B|FR - 부르고뉴(동쪽), 아키텐느 (남서부), 프랑스의 세 지역이 지정됩니다.
  • chco=676767|FF4444|44FF44|4444FF - 이 지도에는 chd 매개변수가 지정되지 않으므로 첫 번째 이후의 각 색상 값은 상응하는 국가를 지정하는 데 사용됩니다. 빨간색은 부르고뉴, 녹색은 아키텐, 파란색은 프랑스를 뜻합니다. 이후 색상은 이전 색상을 마스킹하지 않는 것을 확인할 수 있습니다.
두 개의 주가 표시된 프랑스 지도
chld=FR-D|FR-B|FR
chco=676767|FF4444|44FF44|4444FF

이 지도는 색상 그라디언트를 사용하는 방법을 보여줍니다.

  • chd=t:0,50,100 - chd 매개변수는 색상 그라디언트를 나타냅니다. 여기에서 0~100 범위의 텍스트 인코딩이 지정됩니다.
  • chco=CCCCCC,FF0000,000000 - 배경 색상은 연한 회색 (CCCCCC)이고 색상 범위는 빨간색(FF0000)에서 검은색 (000000)입니다. 표시된 중간 국가는 그라데이션의 중간 색상입니다.
색상 그라디언트를 보여주는 지도
chd=t:0,50,100
chco=CCCCCC,FF0000,000000
지도는 지정된 차트 크기 내에서 자를 수 있습니다. 이는 지정된 차트 크기에 맞게 지도를 왜곡하지 않지만 맵이 chld에 지정된 지역으로 제한되기 때문입니다. 따라서 차트 경계 내부의 잘린 영역을 방지하려면 지도 크기를 수동으로 조정해야 할 수 있습니다.
긴 나라의 사각형 지도

cht=map
chs=300x300
chld=GB

영국은 원래 길고 얇기 때문에 정사각형 지도를 지정하면 오른쪽에 잘린 영역이 포함됩니다.

긴 나라의 사각형 지도

cht=map
chs=180x300
chld=GB

차트 너비를 조정하여 초과 영역을 잘라낼 수 있습니다. 지도 높이를 줄여 수정해야 하는 하단에 잘린 부분이 있는 것을 확인하세요.

긴 나라의 사각형 지도

cht=map
chs=180x300
chld=GB

프랑스는 모양이 훨씬 규칙적이기 때문에 정사각형 지도에 더 자연스럽게 들어갑니다.

맨 위로

확대/축소 및 가운데 맞춤

기본적으로 차트는 선택한 지역의 중앙에 표시되도록 확대/축소되고 가운데 맞춤화되며, 정의된 지도 크기 내에서 최대한 렌더링된 영역에 가깝게 배치됩니다. 하지만 다음 두 가지 방법으로 차트의 중앙 조정 수준과 확대/축소 수준을 맞춤설정할 수 있습니다.

픽셀별

테두리를 픽셀 크기별로 조정하려면 다음 형식을 사용합니다.

cht=map:auto=<left_border>,<right_border>,<top_border>,<bottom_border>

여기서 각 테두리 크기는 자동으로 계산된 확대/축소 수준 이상으로 표시할 추가 테두리(픽셀)입니다.

축소만 할 수 있고(양수 값) 픽셀 확대/축소를 사용하여 기본 확대/축소 수준보다 더 가깝게(음수 값) 확대할 수 없습니다(음수 값).

예:

이 예시에는 모두 런던 (라틴)이 표시됩니다.

확대/축소 안함 (기본값) 측면당 30픽셀 축소 축소 후 오른쪽으로 축소

하단에 빈 지도가 너무 많이 표시됩니다.
cht=map

하단에 초과된 지도입니다.
cht=map:auto=30,30,30,30
확대/축소 영역이 재조정되었습니다.
cht=map:auto=50,0,80,0

 

위도 및 경도별

여기에 표시된 구문을 사용하여 위도와 경도로 렌더링된 지도의 상단, 하단, 왼쪽, 오른쪽 테두리를 정확히 지정할 수 있습니다.

cht=map:fixed=<bottom_border_lat>,<left_border_long>,<top_border_lat>,<right_border_long>

여기서 <bottom_border_lat> 및 <top_border_lat>는 아래쪽 및 위쪽 테두리의 위도를 지정하고 <left_border_long> 및 <right_border_long>은 왼쪽 및 오른쪽 테두리의 경도를 지정합니다.

참고: 길고 좁은 스트립에 초점을 맞추면 (기본적으로 곡선형 지도를 평면 이미지에 투영) 메르카토르 투영 왜곡으로 인해 지도에서 예기치 않은 크기 차이가 발생할 수 있습니다.

예:

다음 예는 경도 0.1°, 위도 51.5°인 런던 (파란색으로 강조표시됨)을 보여줍니다. 지도에서 영국 (지정된 대로)만 표시하고 왜곡 없이 지정된 차트를 채우려고 하기 때문에 지도가 잘리는 방식에 유의하세요.

집중 위도가 +10*만큼 변경됨 모든 값을 줄여 확대

cht=map:fixed=40,-10,60,10


cht=map:fixed=50,-10,70,10


cht=map:fixed=48,-3,54,3

동일한 각도로 위로 이동했음에도 중간 이미지의 크기는 첫 번째 이미지보다 약간 작습니다. 이는 3D 구체를 2D 이미지에 투영하기 때문입니다. 첫 번째 차트의 크기가 되도록 두 번째 차트의 너비를 늘려야 합니다.

맨 위로

표준 기능

이 페이지의 나머지 기능은 표준 차트 기능입니다.

차트 제목 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

맨 위로

차트 범례 텍스트 및 스타일 chdl, chdlp, chdls [모든 차트]

범례는 차트의 측면 섹션으로, 각 시리즈에 관한 작은 텍스트 설명을 제공합니다. 이 범례에서 각 계열과 연결된 텍스트를 지정하고 차트에서 표시할 위치를 지정할 수 있습니다.

범례 주위의 여백을 설정하는 방법은 chma도 참고하세요.

문자열 값 참고사항: 라벨 문자열에는 URL 보안 문자만 사용할 수 있습니다. 만약을 위해 문자 집합 0-9a-zA-Z에 없는 문자가 포함된 모든 문자열을 URL 인코딩해야 합니다. URL 인코더는 Google 시각화 문서에서 찾을 수 있습니다.

문법

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

 

chdl - 범례에 표시할 각 시리즈의 텍스트입니다.

<data_series_label>
범례 항목의 텍스트입니다. 각 라벨은 chd 배열의 상응하는 계열에 적용됩니다. 스페이스에는 + 표시를 사용합니다. 이 매개변수를 지정하지 않으면 차트에 범례가 표시되지 않습니다. 라벨에 줄바꿈을 지정할 수 있는 방법이 없습니다. 범례는 일반적으로 범례 텍스트를 포함하도록 확장되고 범례를 수용하도록 차트 영역이 축소됩니다.

chdlp - [선택사항] 범례의 위치 및 범례 항목의 순서입니다. <position> 또는 <label_order>를 지정할 수 있습니다. 둘 다 지정하는 경우 막대 문자로 구분하세요. 범례에서 chdl의 빈 범례 항목을 건너뛰려면 모든 값에 's'를 추가하면 됩니다. 예: chdlp=bv, chdlp=r, chdlp=bv|r, chdlp=bvs|r

<opt_position>
[선택사항] 차트에서 범례의 위치를 지정합니다. 범례와 차트 영역 또는 이미지 테두리 사이에 추가 패딩을 지정하려면 chma 매개변수를 사용합니다. 다음 값 중 하나를 선택합니다.
  • b - 차트 하단의 범례, 가로 행에 범례 항목이 있습니다.
  • bv - 차트 하단의 범례, 세로 열에 범례 항목
  • t - 차트 상단의 범례로 가로 행에 범례 항목이 표시됩니다.
  • tv - 차트 상단의 범례로 세로 열에 범례 항목이 표시됩니다.
  • r - [기본값] 차트 오른쪽의 범례, 세로 열에 범례 항목
  • l - 차트 왼쪽에 있는 범례, 세로 열에 범례 항목.
<opt_label_order>
[선택사항] 범례에 라벨이 표시되는 순서입니다. 다음 값 중 하나를 선택합니다.
  • l - [세로 범례 기본값] chdl에 지정된 순서대로 라벨을 표시합니다.
  • r - chdl에 지정된 역순으로 라벨을 표시합니다. 이 기능은 누적 막대 그래프에서 막대가 표시되는 순서와 같은 순서로 범례를
    표시하는 데 유용합니다.
  • a - [가로 범례 기본값] 자동 정렬: 10픽셀 블록 단위로 측정된 길이에 따라 가장 짧은 것부터 정렬하는 것을 의미합니다. 두 요소의 길이가 같으면 (10픽셀 블록으로 나눔) 먼저 나열된 요소가 먼저 표시됩니다.
  • 0,1,2... - 맞춤 라벨 순서입니다. 이 목록은 chdl의 0 기반 라벨 색인 목록이며 쉼표로 구분됩니다.

chdls - [선택사항] 범례 텍스트의 색상 및 글꼴 크기를 지정합니다.

<color>
범례 텍스트 색상이며, RRGGBB 16진수 형식입니다.
<size>
범례 텍스트의 점 크기입니다.

 

예시

설명

범례의 두 가지 예 데이터 계열과 동일한 순서로 범례 텍스트를 지정합니다.

일치하는 범례가 있는 빨간색, 파란색, 녹색 선 차트

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

큰 원으로 둘러싸인 두 개의 작은 원이 있는 벤 다이어그램


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

첫 번째 차트는 가로 범례 항목 (chdlp=t, 기본 레이아웃은 가로)을 보여주고 두 번째는 세로 하단 범례 항목 (chdlp=bv)을 보여줍니다.

큰 원으로 둘러싸인 두 개의 작은 원이 있는 벤 다이어그램
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t


큰 원으로 둘러싸인 두 개의 작은 원이 있는 벤 다이어그램
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv

이 예에서는 글꼴 크기 변경을 보여줍니다.

큰 원으로 둘러싸인 두 개의 작은 원이 있는 벤 다이어그램
chdls=0000CC,14

맨 위로

도형 마커 chm [막대, 선, 방사형, 분산형]

차트의 모든 또는 개별 데이터 포인트에 그래픽 마커를 지정할 수 있습니다. 둘 이상의 마커가 동일한 지점을 차지하면 chm 매개변수에 표시되는 순서대로 마커가 그려집니다. 데이터 포인트 마커에서 다루는 데이터 포인트에 텍스트 마커를 만들 수도 있습니다.

파이프 문자 ( |)를 사용하여 도형 마커를 다른 chm 매개변수와 결합하여 chm 매개변수를 구분할 수 있습니다.

문법

표시해야 하는 각 시리즈에 다음 매개변수 중 하나를 지정합니다. 여러 시리즈를 표시하려면 파이프 문자로 구분된 추가 매개변수 집합을 만듭니다. 모든 시리즈를 마크업할 필요는 없습니다. 데이터 계열에 마커를 할당하지 않으면 마커를 가져오지 않습니다.

도형 마커는 분산형 차트에서 약간 다르게 동작합니다. 자세한 내용은 해당 문서를 참조하세요.

chm=
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
    |...|
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
@
[선택사항] 마커 유형 앞에 선택사항인 @ 문자를 붙이는 경우 <opt_that_points>에서 x:y 형식을 사용해야 합니다.
<marker_type>
사용할 마커의 유형입니다. 다음 유형 중 하나를 지정합니다.
  • a - 화살표
  • c - 교차
  • C - 직사각형 직사각형 마커인 경우 데이터 계열이 2개 이상 있어야 합니다. 계열 0은 하단 가장자리를, 계열 1은 상단 가장자리를 지정합니다. <size>는 직사각형의 너비를 픽셀 단위로 지정합니다.
  • d - 다이아몬드
  • E - 오류 막대 마커 ( ) 이 마커를 만들려면 두 개의 데이터 계열, 즉 하단에 하나의 값, 상단의 두 번째 계열에서 해당하는 점이 필요합니다. 또한 확장된 <size> 구문인 line_thickness[:top_and_bottom_width] 를 노출합니다. 여기서 top_and_bottom_width는 선택사항입니다. 아래 예시를 참조하세요.
  • h - 차트를 가로지르는 지정된 높이의 가로선입니다. (<opt_which_points> 매개변수에 유효한 유일한 형식은 opt_which_points입니다.)
  • H - 지정된 데이터 마커를 통과하는 가로줄입니다. 정확한 줄 길이(line_thickness[:length])를 지정할 수 있는 확장된 <size> 구문을 지원합니다. 여기서 :length는 선택사항이며 기본값은 전체 차트 영역 너비입니다.
  • o - 원
  • s - 정사각형
  • v - x축에서 데이터 포인트까지의 수직선
  • V - 길이를 조절할 수 있는 세로선입니다. 정확한 줄 길이(line_thickness[:length])를 지정할 수 있는 확장된 <size> 값 구문을 지원합니다. 여기서 :length는 선택사항이며 기본값은 전체 차트 영역 높이입니다. 마커는 데이터 포인트의 중앙에 배치됩니다.
  • x - X
<color>
이 계열의 마커 색상으로, RRGGBB 16진수 형식입니다.
<series_index>
: 마커를 그릴 데이터 계열의 0 기반 색인입니다. x/y 위치로 위치를 지정하는 h 마커 및 마커(@ 문자로 시작)에서는 무시됩니다. 숨겨진 데이터 계열을 마커의 소스로 사용할 수 있습니다. 자세한 내용은 복합 차트를 참고하세요. 그룹화된 세로 막대 그래프는 마커를 특정 막대에 맞춰 정렬하는 특수 확장 구문을 지원합니다.
<opt_which_points>
[선택사항] 마커를 그릴 지점입니다. 기본값은 모든 마커입니다. 다음 값 중 하나를 사용합니다.
  • n.d - 마커를 그릴 위치. 의미는 마커 유형에 따라 다릅니다.
    • h를 제외한 모든 유형 - 마커를 그릴 데이터 포인트입니다. 여기서 n.d는 계열에서 0부터 시작하는 색인입니다. 정수가 아닌 값을 지정하면 분수가 계산된 중간점을 나타냅니다. 예를 들어 3.5는 점 3과 점 4 사이의 중간 지점을 의미합니다.
    • h - 0.0~1.0 사이의 숫자입니다. 여기서 0.0은 차트의 하단이고 1.0은 차트의 상단을 나타냅니다.
  • -1 - 모든 데이터 포인트에 마커를 그립니다. 이 매개변수를 비워두면 모든 데이터 포인트에 그릴 수도 있습니다.
  • -n - n번째 데이터 포인트마다 마커를 그립니다. 부동 소수점 값입니다. n이 1보다 작으면 차트에서 중간점을 추가로 계산합니다. 예를 들어 -0.5는 데이터 포인트보다 2배 많은 마커를 배치합니다.
  • start:end:n - start부터 end 색인 값(양 끝값 포함)까지 범위의 모든 n번째 데이터 포인트에 마커를 그립니다. 모든 매개변수는 선택사항이며 (없는 경우도 있음) 3::1은 네 번째 요소부터 마지막 단계인 1단계까지이며, 이 매개변수를 완전히 생략하면 기본적으로 first:last:1이 됩니다. 모든 값은 부동 소수점 숫자일 수 있습니다. 마지막 값부터 역으로 계산하려면 startend가 음수일 수 있습니다. startend가 모두 음수이면 증가하는 값 (예: -6:-1:1)으로 나열해야 합니다. n 단계 값이 1보다 작으면 제공된 데이터 값을 보간하여 추가 데이터 포인트를 계산합니다. 기본값은 first:last:1입니다.
  • x:y - 차트의 특정 x/y 지점에 마커를 그립니다. 이 지점은 선 위에 있지 않아도 됩니다. 이 옵션을 사용하려면 마커 유형 앞에 @ 문자를 추가하세요. 좌표를 부동 소수점 값으로 지정합니다. 여기서 0:0는 차트의 왼쪽 하단이고 1:1은 차트의 오른쪽 상단입니다. 예를 들어 차트 중앙에 빨간색 15픽셀 다이아몬드를 추가하려면 @d,FF0000,0,0.5:0.5,15를 사용합니다.
<size>
: 마커의 크기(픽셀)입니다. 대부분은 이 매개변수에 단일 숫자 값을 사용합니다. V, H, S 마커는 <size>[:width] 구문을 지원합니다. 여기서 선택사항인 두 번째 부분은 선이나 마커 길이를 지정합니다.
<opt_z_order>
[선택사항] 다른 마커 및 다른 모든 차트 요소와 비교하여 마커를 그릴 레이어입니다. -1.0에서 1.0까지의 부동 소수점 숫자입니다. 여기서 -1.0은 최저점이고 1.0은 상단입니다. 차트 요소 (선 및 막대)가 0보다 작습니다. 두 마커의 값이 같으면 URL에서 지정한 순서대로 그려집니다. 기본값은 0.0입니다 (차트 요소 바로 위).
<opt_offset>
[선택사항] 지정된 위치로부터의 가로 및 세로 오프셋을 지정할 수 있습니다. 다음은 구분자(reserved:<horizontal_offset>:<vertical_offset>)를 사용하는 구문입니다. 지정된 경우 <opt_z_order>의 chm 매개변수 문자열에 빈 , 값을 포함할 수 있습니다. 예: o,FF9900,0,4,12,,:10 o,FF9900,0,4,12.0,,:-10:20 o,FF9900,0,4,12,1,::20
  • 예약됨 - 비워 둡니다.
  • <horizontal_offset> - 가로 오프셋을 지정하는 양수 또는 음수입니다(단위: 픽셀). 선택사항입니다. 사용하지 않는 경우 비워 두세요.
  • <vertical_offset> - 세로 오프셋을 지정하는 양수 또는 음수입니다(단위: 픽셀). 선택사항입니다. 사용하지 않는 경우 비워 두세요.

 

예시

설명

다음은 여러 도형과 선 마커의 예입니다.

  • a,990066,0,0.0,9.0 - 보라색 화살표, 첫 번째 계열, 첫 번째 점, 크기 9
  • c,FF0000,0,1.0,20.0 - 적십자, 첫 번째 계열, 두 번째 점, 크기 9.
  • d,80C65A,0,2,20.0 - 녹색 다이아몬드, 첫 번째 계열, 세 번째 점, 크기 9.
  • H,000000,0,3,1:40 - 검은색 가로선, 첫 번째 계열, 데이터 포인트 3, 너비 1픽셀, 길이 40픽셀
  • o,FF9900,0,4.0,12.0 - 주황색 원, 첫 번째 계열, 다섯 번째 점, 크기 12
  • s,3399CC,0,5.0,11.0 - 파란색 정사각형, 첫 번째 계열, 여섯 번째 점, 크기 11
  • v,BBCCED,0,6.0,1.0 - 점까지의 수직선, 첫 번째 계열, 일곱 번째 포인트, 1픽셀 너비입니다.
  • V,3399CC,0,7.0,1.0 - 차트 상단에서 세로선, 첫 번째 계열, 여덟 번째 점, 너비 1픽셀
  • x,FFCC33,0,8.0,20.0 - 노란색 'X', 첫 번째 계열, 아홉 번째 포인트, 크기 20
  • H,FFFF00,0,9,2 - 노란색 가로선은 데이터 포인트 9의 차트 너비입니다.
  • h,FF0000,0,0.5,1 - 지정된 높이의 빨간색 가로선, 첫 번째 계열, 차트 중간 위쪽, 1픽셀 너비
마커가 있는 선 차트
chm=
  a,990066,0,0.0,9.0|
  c,FF0000,0,1.0,20|
  d,80C65A,0,2.0,20.0|
  H,000000,0,3,1:40|
  o,FF9900,0,4.0,12.0|
  s,3399CC,0,5.0,11.0|
  v,BBCCED,0,6,1.0|
  V,3399CC,0,7,1.0|
  x,FFCC33,0,8,20|
  H,FFFF00,0,9,2|
  h,FF0000,0,0.5,1

다음은 한 데이터 계열에 다이아몬드를 사용하고 다른 데이터 계열에 원을 사용하는 예입니다.

둘 이상의 마커가 동일한 지점을 차지하는 경우 chm 매개변수에 표시된 순서대로 마커가 그려집니다. 여기서 원은 chm로 지정된 첫 번째 마커이므로 먼저 그려집니다. 다이아몬드가 두 번째로 지정되고 그려지며, 결과적으로 원 위에 다이아몬드가 그려집니다.

선 차트입니다. 한 선에는 각 데이터 포인트에 15픽셀의 원이 있고 다른 선에는 10픽셀의 다이아몬드가 있습니다. 두 선의 공통점에 다이아몬드가 그려진 경우
chm=
  o,FF9900,0,-1,15.0|
  d,FF0000,1,-1,10.0

다음은 모든 두 번째 데이터 포인트에 마커가 있는 선 차트입니다 (-2는 모든 다른 포인트를 의미함).

매초 지점마다 마커가 있는 선 차트
chd=t:
  0,20,20,50,40,70,70,90,85,45,40,50
chm=
  o,0066FF,0,-2,6
다음은 마커가 데이터 포인트보다 2배 많은 선 차트입니다 (-0.5는 1/2포인트마다 의미함). 매초 지점마다 마커가 있는 선 차트
chd=t:
  0,20,20,50,40,70,70,90,85,45,40,50
chm=
  o,0066FF,0,-.5,6
이 예에서는 hv 마커를 사용하여 맞춤 색상과 두께로 그리드 선을 만드는 방법을 보여줍니다. z 순서 값(마지막 값)이 -1로 설정되므로 데이터 선 아래에 그리드 선이 그려집니다.
매초 지점마다 마커가 있는 선 차트
chm=
  h,76A4FB,0,0:1:.2,2,-1|
  V,76A4FB,0,::2,0.5,-1

이 차트는 선 차트에 세로 채우기 선을 추가합니다.

  • v - 차트의 수직선
  • FF0000 - 빨간색 선
  • 0 - 시리즈 색인
  • : :.5 - 범위 지정자: 처음부터 끝까지, 0.5포인트마다
  • 2 - 두께 2픽셀
매초 지점마다 마커가 있는 선 차트
chm=
  v,FF0000,0,::.5,2
이 예에서는 정확한 좌표를 사용하여 차트에 화살표와 텍스트 마커를 추가합니다. 첫 번째 D 마커는 막대 아래의 트레이스 선입니다. 두 번째 마커는 화살표이고 세 번째 마커는 화살표 텍스트입니다.
chm=
  D,003971,1,0,3|
  @a,000000,0,.25:.75,7|
  @tExpected,000000,0,.35:.85,10
특정 데이터 포인트 (H)에 고정된 가로선은 상대적인 값을 표시하거나 차트에서 데이터 값의 높이를 강조하는 데 유용할 수 있습니다.
chm=H,FF0000,0,18,1

이 그래프는 <size> 매개변수에서 선 두께와 길이를 지정할 수 있는 마커를 보여줍니다.

  • E,000000,0,6,1:20 - 1픽셀 너비의 선과 20픽셀 길이의 상단 및 하단 막대가 있는 검은색 오류 막대 하단은 계열 0점 8에 고정되고 상단은 계열 1점 8에 고정됩니다.
  • H,990066,1,2,5:50 - 데이터 포인트 2 중앙에 배치된 보라색 가로선으로 너비 5픽셀, 길이 50픽셀입니다.
  • V,3399CC,0,8,3:50 - 파란색 세로선 너비 3픽셀, 길이 50픽셀이며 데이터 포인트 8을 중심으로 합니다.
title="cht=lc&chd=s:2gounjqLaCf,jqLaCf2goun&chco=008000,00008033&chls=2.0,4.0,1.0&chs=250x150&chm=H,990066,1,2,5,038,001,250,200,000입니다.chm=
  E,000000,0,6,1:20|
  H,990066,1,2,5:50|
  V,3399CC,0,8,3:50
,1,2,5038,000입니다.

맨 위로

텍스트 및 데이터 값 마커 chm [막대, 선, 방사형, 분산형]

커스텀 텍스트 또는 해당 시점의 데이터 형식이 지정된 버전으로 차트의 특정 포인트에 라벨을 지정할 수 있습니다.

파이프 문자 ( |)를 사용해 chm 마커를 결합하면 chm 매개변수 집합을 구분할 수 있습니다.

문자열 값 참고사항: 라벨 문자열에는 URL 보안 문자만 사용할 수 있습니다. 만약을 위해 문자 집합 0-9a-zA-Z에 없는 문자가 포함된 모든 문자열을 URL 인코딩해야 합니다. URL 인코더는 Google 시각화 문서에서 찾을 수 있습니다.

문법

표시해야 하는 각 시리즈에 다음 매개변수 중 하나를 지정합니다. 여러 시리즈를 표시하려면 파이프 문자로 구분된 추가 매개변수 세트를 만듭니다. 모든 시리즈를 마크업할 필요는 없습니다. 데이터 계열에 마커를 할당하지 않으면 마커가 표시되지 않습니다.

chm=
  <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
    |...|
  <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
<marker_type>
사용할 마커의 유형입니다. 다음 유형 중에서 선택할 수 있습니다.
  • f<text> - 텍스트가 포함된 플래그입니다. 'f' 문자 뒤에 커스텀 URL 인코딩 텍스트를 지정합니다. 텍스트 마커에서 쉼표를 이스케이프 처리하려면 쉼표 앞에 \ 기호를 붙입니다. 예: fHello\,+World!
  • t<text> - 간단한 텍스트 마커입니다. 문자 't'와 그 뒤에 커스텀 URL 인코딩 텍스트를 지정하세요. 텍스트 마커에서 쉼표를 이스케이프 처리하려면 쉼표 앞에 \ 기호를 붙입니다. 예: tHello\,+World!
  • A<text> - 주석 마커입니다. 이는 플래그 마커와 유사하지만 마커가 겹치지 않도록 위치를 조정합니다. <opt_which_points>에 유효한 유일한 형식은 opt_which_points이며, 이는 계열에서 특정 지점의 색인을 나타냅니다.
  • N<formatting_string> - 이 시점의 데이터 값입니다(선택사항). chds 매개변수(맞춤 크기 조정)를 사용하지 않으면 정확하게 인코딩된 값이 제공됩니다. 모든 형식 유형으로 이 매개변수를 사용하면 값은 지정한 범위로 조정됩니다. 아래에서 숫자 마커가 있는 chds의 예를 참고하세요. 누적 막대 그래프에서 이 마커 유형을 사용하는 경우 <series_index>에 -1을 지정하면 이 누적 막대에 모든 값의 합계를 보여주는 마커가 표시됩니다. 형식 지정 문자열 구문은 다음과 같습니다.
           <preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>.
    이러한 요소는 모두 선택사항입니다. 각 요소의 의미는 다음과 같습니다.
    • <preceding_text> - 각 값 앞에 오는 텍스트입니다.
    • *...* - 숫자의 서식 세부정보를 지정할 수 있는 리터럴 별표로 래핑된 선택적 블록입니다. 다음과 같은 값이 지원되며 모두 선택사항입니다.
      • <number_type> - 숫자 값의 숫자 형식입니다. 다음 중 하나를 선택합니다.
        • f - [기본값] 부동 소수점 형식. <decimal_places> 값으로 정밀도도 지정해 보세요.
        • p - 백분율 형식입니다. % 기호가 자동으로 추가됩니다. 참고: 이 형식을 사용하는 경우 0.0~1.0의 데이터 값은 0~100%로 매핑됩니다(예: 0.43은 43%로 표시됨).
        • e - 과학적 표기법 형식입니다.
        • c<CUR> - 적절한 통화 마커를 사용하여 지정된 통화로 숫자의 형식을 지정합니다. <CUR>를 3자리 통화 코드로 바꿉니다. 예: 유로의 경우 cEUR ISO 웹사이트에서 코드 목록을 확인할 수 있지만 일부 기호는 지원되지 않습니다.
      • <decimal_places> - 표시할 소수점 이하 자릿수를 지정하는 정수입니다. 값은 이 길이로 반올림 (잘리지 않음)됩니다. 기본값은 2입니다.
      • z - 후행 0을 표시합니다. 기본값은 no입니다.
      • s - 그룹 구분자를 표시합니다. 기본값은 no입니다.
      • x 또는 y - 지정된 대로 x 또는 y 좌표의 데이터를 표시합니다. x 데이터의 의미는 차트 유형에 따라 다릅니다. 차트를 실험하여 의미를 확인하세요. 기본값은 'y'입니다.
    • <following_text> - 각 값 뒤에 오는 텍스트입니다.
<color>
이 집합에 대한 마커의 색상으로, RRGGBB 16진수 형식입니다.
<series_index>
: 마커를 그릴 데이터 계열의 0 기반 색인입니다. 누적 막대 그래프이고 마커 유형이 N (데이터 포인트 값)인 경우 -1을 지정하여 막대의 각 스택에 합산된 값 마커를 만들 수 있습니다. 아래에서 예시를 참조하세요.
<opt_which_points>
[선택사항] 마커를 그릴 지점입니다. 기본값은 모든 마커입니다. 다음 값 중 하나를 사용하세요.
  • n.d - 마커를 그릴 데이터 포인트입니다. 여기서 n.d는 계열에서 0부터 시작하는 색인입니다. 정수가 아닌 값을 지정하면 분수가 계산된 중간점을 나타냅니다. 예를 들어 3.5는 점 3과 점 4 사이의 중간 지점을 의미합니다.
  • -1 - 모든 데이터 포인트에 마커를 그립니다. 이 매개변수를 비워두면 모든 데이터 포인트에 그릴 수도 있습니다.
  • -n - n번째 데이터 포인트마다 마커를 그립니다.
  • start:end:n - start부터 end 색인 값(양 끝값 포함)까지 범위의 모든 n번째 데이터 포인트에 마커를 그립니다. 모든 매개변수는 선택사항이며 없을 수도 있습니다. 따라서 3::1은 네 번째 요소부터 마지막 단계인 1단계까지이며, 이 매개변수를 완전히 생략하면 기본적으로 first:last:1이 됩니다. 모든 값은 부동 소수점 숫자일 수 있습니다. 마지막 값부터 역으로 계산하려면 startend가 음수일 수 있습니다. startend가 모두 음수인 경우 증가하는 값 (예: -6:-1:1)으로 나열해야 합니다. n 단계 값이 1보다 작으면 제공된 데이터 값을 보간하여 추가 데이터 포인트를 계산합니다. 기본값은 first:last:1입니다.
  • x:y - [N 유형 마커에는 지원되지 않음] 차트의 특정 x/y 지점에 마커를 그립니다. 이 점이 선 위에 있을 필요는 없습니다. 이 옵션을 사용하려면 마커 유형 앞에 앳 문자 (@)를 추가하세요. 좌표를 부동 소수점 값으로 지정합니다. 여기서 0:0는 차트의 왼쪽 하단이고, 0.5:0.5은 차트의 중앙이며, 1:1는 차트의 오른쪽 상단입니다. 예를 들어 차트 중앙에 빨간색 15픽셀 다이아몬드를 추가하려면 @d,FF0000,0,0.5:0.5,15를 사용합니다.
<size>
: 마커의 크기(픽셀)입니다. 점 크기를 지정하는 데 사용되는 세 번째 데이터 계열이 있는 분산형 차트인 경우 이 값은 데이터 범위에 의해 조정됩니다. 따라서 데이터 범위가 0~100이고 <size>가 30이면 데이터 값 100은 너비가 30픽셀이 되고 데이터 값 50은 너비가 15픽셀이 됩니다.
<opt_z_order>
[선택사항] 다른 마커 및 다른 모든 차트 요소와 비교하여 마커를 그릴 레이어입니다. -1.0에서 1.0까지의 부동 소수점 숫자입니다. 여기서 -1.0은 최저점이고 1.0은 상단입니다. 차트 요소(선 및 막대)가 0보다 작습니다. 두 마커의 값이 같으면 URL에서 지정한 순서대로 그려집니다. 기본값은 0.0입니다 (차트 요소 바로 위).
<opt_placement>
[선택사항] 데이터 포인트와 관련하여 이 마커를 배치할 위치를 설명하는 추가 게재위치 세부정보입니다. 오프셋은 물론 가로 또는 세로 상대 위치 지정을 지정할 수 있습니다. 게재위치 구문은 다음과 같이 : 구분 기호가 있는 문자열입니다. 모든 요소는 선택사항입니다(<horizontal_and_vertical_justification>:<horizontal_offset>:<vertical_offset>). 지정된 경우 <opt_z_order>의 chm 매개변수 문자열에 빈, 값을 포함할 수 있습니다(예: N,000000,0,1,10,,b, N,000000,0,1,10,,lv, N,000000,0,1,10,,r::10).
horizontal_and_vertical_justification
마커의 앵커 포인트입니다. 이는 양쪽 맞춤과 반대로 동작하므로 왼쪽 앵커가 실제로 마커를 데이터 포인트의 오른쪽에 배치합니다. 다음 목록에서 가로 또는 세로 정렬자를 선택할 수 있습니다.
  • 수평 배치: 'l', 'h' 또는 'r' - 왼쪽, 가운데, 오른쪽 고정, 가로 기본값은 'l'입니다.
  • 세로 게재위치: 'b', 'v', 't' - 세로로 하단, 중간, 상단 고정. 기본값은 'b'입니다.
  • 막대 기준 게재위치[막대 차트만 해당]: 's', 'c', 'e' - 막대의 하단, 중앙 또는 상단입니다. 누적 차트의 경우 전체 막대가 아닌 각 계열의 막대 섹션을 기준으로 합니다. 주어진 계열 색인이 -1 (스택 합계)인 경우 전체 막대와 관련이 있습니다. 이 값을 카테고리 게재위치 값(예: 'be' 또는 'vs')과 결합할 수 있습니다. 기본값은 'e'입니다.
horizontal_offset
이 마커의 가로 오프셋(픽셀)입니다. 기본값은 0입니다.
vertical_offset
이 마커의 세로 오프셋(픽셀)입니다. 막대 그래프가 아닌 차트 기본값: 15, 막대 그래프 차트 기본값: 2

설명

다음은 막대 그래프의 값 라벨의 예입니다.

첫 번째 차트 (N*p0*)는 11포인트 텍스트로 모든 값에서 소수점 이하 0자리로 반올림된 백분율로 표시된 데이터 값 마커를 검은색으로 지정합니다. 데이터 값은 모두 0.0과 1.0 사이이며 백분율 형식으로 소수점 이하 두 자리 위로 이동합니다.

두 번째 차트(N*cEUR1*)는 유로 값과 동일한 값(소수점 아래 한 자리)을 검은색으로 표시된 11포인트 텍스트로 표시합니다.

각 막대 위에 백분율 라벨이 있는 막대 그래프
chm=
  N*p0*,000000,0,-1,11
chd=t:
  0.4356,0.3562,0.4834,0.575,0.673,0.6091


각 막대 위에 유로 라벨이 있는 막대 그래프


chm=
  N*cEUR1*,000000,0,-1,11

chds 매개변수를 사용하여 표시되는 숫자 값의 크기를 조정할 수 있습니다. 단순 인코딩 및 확장 인코딩을 포함한 모든 데이터 형식에 chds를 사용할 수 있습니다. 막대 크기 또는 축 라벨에는 영향을 주지 않고 데이터 마커 값에만 영향을 줍니다.

이 예는 간단하게 인코딩된 값이 46, 39, 29, 30, 43, 41인 차트를 보여줍니다. 단순 인코딩 범위는 0~61입니다. chds 매개변수는 0~1의 맞춤 마커 배율을 정의하므로 마커 값의 배율이 이 범위로 조정되지만 막대 높이에는 영향을 미치지 않습니다(텍스트 형식 데이터인 경우 막대의 배율도 조정됩니다).


chd=s:underp
chm=N,000000,0,-1,11
chds=0,1

다음은 최소 지점에 텍스트 라벨이 있고 최대 지점에 플래그 라벨이 있는 차트의 예입니다.

10pt 파란색 텍스트 라벨이 있는 선 차트와 초록색 파선의 데이터 포인트에 그려진 15pt 빨간색 텍스트로 된 깃발입니다.
chm=
  tMin,0000FF,0,1,10|
  fMax,FF0000,0,3,15

이 예시에서는 개별 계열의 값과 계열 합계가 포함된 누적 차트를 보여줍니다. 누적 계열 값을 표시하려면 'c' 위치 지정 옵션을 사용해야 합니다. 이렇게 하지 않으면 상단 막대 값이 각 막대 상단의 합계 값과 겹칩니다.
chm=
  N,FF0000,-1,,12|
  N,000000,0,,12,,c|
  N,000000,1,,12,,c|
  N,ffffff,2,,12,,c
세로 및 가로 배치가 작동하는 방식을 보여주는 몇 가지 추가 시연 이 예에서는 세로 게재위치에 s, c,e를 사용하는 막대 그래프용 앵커 값의 다양한 조합을 보여줍니다. 오른쪽 앵커는 마커를 왼쪽으로 이동하고 상단 앵커는 마커를 아래로, 또는 그 반대로 이동하는 방식에 유의하세요. 빨간색 점은 각 막대의 하단, 중앙, 상단을 나타냅니다. 숫자는 데이터 값이며, 각 막대에 다른 앵커 값을 사용하여 고정됩니다.
chm=
  N,000000,0,0,10,,rs
  N,000000,0,1,10,,ls
  N,000000,0,2,10,,c
  N,000000,0,3,10,,e
  N,000000,0,4,10,,e::15
  N,000000,0,5,10,,e::-12
주석 마커는 겹치지 않도록 라벨 위치를 자동으로 조정합니다. 첫 번째 chm 값은 선 채우기용이고 다음 값은 모두 주석 마커입니다.
chm=B,C5D4B5BB,0,0,0
  AA,666666,0,3,15
  AB,666666,0,5,15
  AC,666666,0,24,15
  AD,666666,0,25,15
  AE,666666,0,26,15
  AF,666666,0,51,15
  AG,666666,0,60,15
  AH,666666,0,73,15
  AI,666666,0,80,15
  AJ,666666,0,99,15
스위스의 도시 고도를 보여주는 또 다른 주석 마커 예제입니다.

맨 위로