동적 아이콘

   독립형 이미지와 동일한 동적 아이콘 마커입니다.
인포그래픽 동적 아이콘 참조 페이지에서는 사용 가능한 동적 마커 유형의 모든 유형을 설명합니다.

이 페이지에서는 URL로 요청하거나 다른 차트 위에 마커로 추가할 수 있는 다양한 콜아웃, 풍선, 핀 및 기타 그래픽을 만드는 방법을 설명합니다.

목차

  1. 소개
    1. 독립형 아이콘
    2. 동적 마커
  2. 일반 아이콘 기능
    1. 텍스트 문자열
    2. 그림자
  3. 상황별 아이콘

소개

차트 API를 사용하면 텍스트와 이미지를 혼합한 흥미로운 콜아웃, 핀 또는 풍선을 다양하게 만들 수 있습니다. 이러한 항목을 동적 아이콘이라고 합니다. 독립형 동적 아이콘 이미지를 만들거나 chem 매개변수를 사용하여 차트 상단에 동적 아이콘을 마커 유형으로 배치할 수 있습니다. 이 페이지에서는 동적 아이콘을 독립형 이미지 또는 다른 차트의 마커로 만드는 방법을 설명합니다. 인포그래픽 동적 아이콘 참조 페이지에서는 사용 가능한 동적 마커 유형의 모든 유형을 설명합니다.

동적 아이콘을 만드는 구문은 독립형 아이콘을 원하는지 아니면 다른 차트에 동적 마커로 사용할지에 따라 다릅니다.

독립형 아이콘

다른 차트를 요청하는 것과 동일한 방식으로 동적 아이콘 이미지를 요청할 수 있습니다. 독립형 동적 아이콘은 다른 차트와는 다른 매개변수 집합을 지원합니다.

매개변수 필수 또는 선택사항 설명
chst=<icon_string_constant> 필수

생성할 아이콘의 종류를 설명합니다.

  • icon_string_constant - 생성할 아이콘의 유형을 설명하는 문자열 상수. 아이콘을 선택하려면 아래 아이콘 선택을 참고하세요.
chld=<icon_data> 필수

아이콘의 크기, 회전, 텍스트 및 기타 필수 데이터를 설명하는 데 사용되는 특정 데이터입니다.

  • icon_data - 아이콘에 적합한 파이프로 구분된 값 집합입니다. 이 페이지의 문서에서는 각 아이콘 유형에 필요한 값을 설명합니다.
cht 사용되지 않음 독립형 동적 아이콘 차트는 cht 매개변수를 사용하지 않습니다.
chs 사용되지 않음 독립형 동적 아이콘 차트는 chs 매개변수를 사용하지 않습니다.
chd 사용되지 않음 chld 매개변수를 사용하여 독립형 동적 아이콘에 데이터를 전달합니다.

독립형 이미지와 동일한 동적 아이콘 마커입니다.
https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000

동적 마커

chem 매개변수를 사용하여 여러 다른 유형의 차트에 동적 아이콘을 마커 유형으로 삽입할 수 있습니다. 방법은 chem 문서를 참조하세요.

동적 아이콘 마커가 있는 선 차트
https://chart.googleapis.com/chart?
  chs=300x140
  cht=lc&chco=FF9900,224499
  chd=t:75,74,66,30,10,5,3,1
  chls=1|1
  chem=y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0
  chm=v,ccccFF,0,::.2,2

일반 아이콘 기능

대부분의 아이콘에는 텍스트 문자열이나 그림자가 연결될 수 있습니다.

텍스트 문자열

Chart API에 전달되는 모든 표시 텍스트는 UTF-8로 인코딩된 후 URL로 인코딩되어야 합니다. 이는 URL 보안 문자가 아닌 문자에만 영향을 미칩니다. URL 보안 문자는 대부분 영문자 (a~z, 대소문자)에 일부 구두점이 더해져 있습니다. 예를 들어 문자 'è'의 UTF-8 및 URL 인코딩 값은 '%C3%A8'이고 중국어 문자 駅는 '%E9%A7%85'입니다. 대부분의 브라우저에서는 URL 문자열에 인코딩되지 않은 값 (예: 駅)을 사용할 수 있으며, 이 값은 백그라운드에서 인코딩됩니다. 그러나 차트 URL을 보는 사용자가 이를 지원하지 않는 브라우저를 사용할 수 있으므로 일반적으로 텍스트 문자열에서 ASCII가 아닌 모든 문자를 UTF-8 및 URL 인코딩하는 것이 가장 좋습니다. 이는 도움말 풍선이나 핀에 표시된 텍스트에만 적용되며 &, | 또는 URL 구문의 일부인 다른 문자에는 적용되지 않습니다.

chem 매개변수를 사용하여 동적 아이콘 마커를 지정하는 경우 chem 문서에 설명된 대로 텍스트에서 특정 문자도 이스케이프 처리해야 합니다.

그림자

여러 아이콘에 그림자를 추가하거나 아이콘 자체 없이 일부 아이콘의 그림자를 그릴 수도 있습니다.

그림자가 있는 아이콘 섀도 처리된 핀

이러한 아이콘은 대부분 그림자를 포함하거나 포함하지 않고 그릴 수 있습니다. 그림자가 옵션이라면 아이콘 이름의 버전은 _withshadow으로 끝나는 버전과 이 끝부분이 없는 다른 버전을 갖습니다. 그림자를 원하는지 여부에 따라 양쪽 끝으로 아이콘을 지정할 수 있습니다.

다음은 중간 텍스트 풍선과 그림자가 있는 핀과 그림자가 없는 핀의 예입니다.

그림자 없는 풍선
chst=d_bubble_icon_text_big
그림자가 있는 풍선
chst=d_bubble_icon_text_big_withshadow
아이콘이 있는 일반 핀
chst=d_map_pin_icon
아이콘이 있는 일반 그림자 핀
chst=d_map_pin_icon_withshadow

독립형 그림자 그림자만

일부 아이콘 유형을 사용하면 단독으로 그림자를 그릴 수 있습니다. 그래픽에서 여러 개의 겹쳐진 그림자 아이콘을 사용하고 있는데 아이콘이 너무 가까우면 한 그림자가 다른 아이콘에 겹칠 수 있습니다. 예를 들어 아래 두 개의 그림자로 된 풍선은 로버트가 먼저 그려진 다음 앨리스가 그려집니다.

다른 아이콘과 겹쳐진 그림자

앨리스의 그림자가 로버트를 부분적으로 덮은 것에 주목하세요. 이 문제를 해결하려면 먼저 앨리스 그림자를 그린 다음 로버트 풍선을 그리고 그림자 없이 앨리스를 그려야 합니다. 조명과 그림자 측면에서 완전히 현실적이지 않을 수 있지만 한 풍선이 다른 풍선의 그림자로 가려지지 않도록 합니다.

독립적으로 그려진 풍선과 그림자
chem=
  y;s=bubble_text_small_shadow;d=bb,Alice,FF8,000;ds=0;dp=1;py=1          // Alice, no shadow
  y;s=bubble_text_small_withshadow;d=bbtr,Robert,FF8,000;ds=0;dp=3.5;py=1 // Robert with shadow
  y;s=bubble_text_small;d=bb,Alice,FF8,000;ds=0;dp=1;py=1                 // Alice shadow

모든 마커가 동일한 z 순서 1 (py=1)을 지정하므로 차트 요소 (차트 선) 위에 나열된 순서대로 그려집니다. 먼저 앨리스의 그림자가 그려지고, 그 위에 로버트 풍선이 그려지고, 그 위에 로버트 풍선이 그려지고, 마지막으로 앨리스의 그림자가 위에 그려집니다.

그림자만 그릴 수 있는지 알아보려면 특정 아이콘 유형에 관한 문서를 참고하세요.

상황별 아이콘

문맥 아이콘 예

할당된 지점에 따라 색상, 크기 또는 스택을 다양하게 하는 아이콘을 지정할 수 있습니다. 이러한 아이콘 유형은 동적 아이콘 마커 (chem 매개변수)로만 사용할 수 있으며 독립형 아이콘으로 사용할 수 없습니다.

이러한 아이콘은 색상, 크기 또는 스태킹 정보를 지정하는 계열 이외의 계열에서 렌더링할 수 있습니다. 즉, chem 매개변수의 ds 값은 아이콘을 렌더링할 계열을 지정하지만 아이콘의 크기나 색상을 결정하는 값은 아래 주어진 매개변수에 지정됩니다. 이를 잘 활용하는 방법 중 하나는 아이콘 데이터에 숨겨진 데이터 계열을 사용하지만 표시되는 선이나 막대에 아이콘을 렌더링하는 것입니다. 예를 들면 다음과 같습니다.

소스 시리즈에서 렌더링된 아이콘 비소스 시리즈에서 렌더링된 아이콘 숨겨진 계열 사용 아이콘
chem=
  y;s=cm_size;ds=0;...;
  d=maps_pin,0,10,50,10,8F8,000,hb
  • ds=0 - 시리즈 0에서 렌더링 (빨간색 선)
  • d=maps_pin,0,... - 계열 0의 데이터
chem=
  y;s=cm_size;ds=1;...;
  d=maps_pin,0,10,50,10,8F8,000,hb
  • ds=1 - 시리즈 1에서 렌더링 (파란색 선)
  • d=maps_pin,0,... - 계열 0의 데이터
chd=t1:
  10,20,30,5,10,60
  10,20,30,70,60,5
chem=
  y;s=cm_size;ds=0;dp=all;
  d=disk,1,5,20,5,FFFF10,000
  • t1: - 첫 번째 계열이 표시되고 선 데이터가 사용됩니다. 그 이후 시리즈는 모두 숨겨집니다.
  • ds=0 - 계열 0에서 렌더링된 마커입니다.
  • d=disk,1,... - 숨겨진 계열 1에서 디스크 데이터를 가져옵니다.

컨텍스트 마커 유형

마커 유형 chem초 값
색상 변형 s=cm_color
크기 변화 s=cm_size
색상 및 크기 변화 s=cm_color_size
스태킹 변형 s=cm_repeat
스태킹 및 색상 변형 s=cm_repeat_color

상황별 아이콘의 문자열 정렬

컨텍스트 아이콘은 데이터 포인트에 아이콘의 정렬과 오프셋을 지정하는 선택적 정렬 문자열을 지원합니다. 이 문자열에는 다음과 같은 구문이 있습니다.

<alignment>[+/-<h_anchor_offset>+/-<v_anchor_offset>]
alignment
점에 대한 아이콘 정렬을 나타내는 두 개의 문자입니다. 예를 들어 tl (왼쪽 상단) 및 rb (오른쪽 하단)이 있습니다. 전체 목록 및 설명은 chem 매개변수alignment_string 매개변수 설명을 참고하세요.
h_anchor_offset
[선택사항] 앵커 포인트의 가로 오프셋(픽셀)입니다. 0을 포함하는 값 앞에는 + 또는 -가 있어야 합니다. 중요: +를 %2B로 URL 인코딩해야 합니다.
v_anchor_offset
[선택사항] 앵커 포인트의 세로 오프셋(픽셀)입니다. 0을 포함하는 값 앞에는 + 또는 -가 있어야 합니다. 중요: +를 %2B로 URL 인코딩해야 합니다.

chem 매개변수의 of 구성요소를 사용하여 가로 및 세로 오프셋을 지정할 수도 있습니다. of 구성요소와 h_anchor_offset v_anchor_offset 값을 모두 지정하면 모든 오프셋이 아이콘에 적용됩니다.

예:


hb-0-0
가로 가운데 하단
오프셋 없음

lb-0-0
왼쪽 하단
오프셋 없음

rb-0-0
오른쪽 하단
오프셋 없음

ht-0-0
가로 상단
오프셋 없음

hb-20-0
가로 가운데 하단
-가로 20
세로 0개

hb%2b20-0
가로 가운데 하단
+ 가로 20개
세로 0개

hb-0%2b10
가로 가운데 하단
0개 가로
+10 세로

hb-0-20
가로 가운데 하단
0개 가로
-20

색상 변형 (cm_color)

나타내는 지점에 따라 문맥 차트 마커의 색상을 바꿀 수 있습니다. 색상 범위를 지정해야 하며, 데이터 값은 해당 범위 내의 해당 색상으로 조정됩니다.

문법

chem=y;s=cm_color;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<icon_size>,<outline_color>,<alignment>
<icon_shape>
사용할 아이콘입니다. 페이지 끝에 나열된 이미지 중 하나를 식별하는 ID 문자열을 지정합니다.
<color_data_series>
데이터 계열의 0부터 시작하는 색인으로 아이콘의 색상을 변경합니다.
<low_color>
범위 내의 낮은 색상 값으로, 3자리 또는 6자리 HTML 16진수 색상입니다(# 기호 없음). 사용 가능한 데이터 범위에서 가능한 가장 낮은 값과 연결되어 있습니다.
<middle_color>
범위의 중간 색상 값으로, 3자리 또는 6자리 HTML 16진수 색상(# 기호 없음)입니다. 사용 가능한 데이터 범위의 중간 값과 연결됩니다.
<high_color>
범위 내의 높은 색상 값으로, 3자리 또는 6자리 HTML 16진수 색상입니다(# 기호 없음). 사용 가능한 데이터 범위에서 가능한 가장 높은 값과 연결되어 있습니다.
<icon_size>
아이콘 크기(픽셀)입니다. 12, 16, 24 값이 지원됩니다.
<outline_color>
아이콘의 윤곽선 색상으로, 3자리 또는 6자리 HTML 16진수 색상(# 표시 없음)입니다.
<alignment>
아이콘 정렬과 오프셋을 설명하는 선택적 문자열입니다.

  • s=cm_color - 색상 변형 아이콘
  • ds=0 - 데이터 계열 0에서 렌더링
  • dp=all - 모든 지점에 아이콘을 배치합니다.
  • d 값:
    • petrol - 아이콘 식별자
    • 0 - 데이터 계열 0의 색상
    • 000,0FF,F55 - 색상 스케일의 정의
    • 24 - 아이콘 크기
    • 000 - 검은색 윤곽선
    • hv - 가운데의 아이콘을 가로와 세로 모두 지점에 정렬합니다.

chem=y;s=cm_color;
  ds=0;
  dp=all;
  d=petrol,0,000,0FF,F55,24,000,hv

맨 위로

 

 


크기 변동 (cm_size)

선택한 데이터 계열에 따라 문맥 차트 마커의 크기만 변경할 수 있습니다.

문법

chem=y;s=cm_size;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_type>,<size_data_series>,<zero_value_size>,<size_multiplier>,<min_size>,<outline_color>,<fill_color>,<alignment>
<icon_type>
아이콘의 모양입니다. maps_pin, disk, square 값 중 하나를 선택합니다.
<size_data_series>
데이터 계열의 0부터 시작하는 색인으로 아이콘의 크기를 변경합니다.
<zero_value_size>
아이콘의 기본 크기로, 계열의 최소 데이터 값입니다.
<size_multiplier>
크기 배율입니다. 이 값을 각 아이콘의 데이터 값과 최소 계열 값 간 차이와 곱해 최종 아이콘 크기를 계산합니다. 따라서 데이터 값이 0인 아이콘은 이 배율의 영향을 받지 않습니다.
<min_size>
아이콘의 최소 크기(픽셀)입니다.
<outline_color>
아이콘의 윤곽선 색상으로, 3자리 또는 6자리 HTML 16진수 색상(# 표시 없음)입니다.
<fill_color>
아이콘의 채우기 색상으로, 3자리 또는 6자리 HTML 16진수 색상(# 기호 없음)입니다.
<alignment>
아이콘 정렬과 오프셋을 설명하는 선택적 문자열입니다.

예시

기본적인 예 0 값을 가진 아이콘은 0 값 크기, 즉 30픽셀로 렌더링됩니다. 데이터에 따라 크기가 증가합니다.

chd=t:0,10,20,30,40,50,60,70
chem=y;s=cm_size;ds=0;dp=all;py=-1;d=maps_pin,0,30,100,10,8F8,000,hb

이 예에서 아이콘은 노란색 선에서 크기 데이터를 가져오지만 파란색 선에 렌더링됩니다.

  • chem=y - 동적 마커
  • s=cm_size - 크기 편차
  • ds=1 - 데이터 계열 1 (파란색 선)에서 렌더링됨
  • dp=all - 모든 지점에서 렌더링됩니다.
  • d=
    • maps_pin - 지도 핀 아이콘 사용
    • 0 - 데이터 계열 0 (노란색 선)에 따라 크기를 조정합니다.
    • 10 - 값이 0인 핀 크기
    • 90 - 크기 배율
    • 10 - 최소 크기
    • 8F8 - 채우기 색상
    • 000 - 윤곽선 색상
    • hb: 핀 하단에 가로로 가운데 배치합니다.


chem=chem=y;s=cm_size;ds=1;dp=all;d=maps_pin,0,10,90,10,8F8,000,hb

맨 위로

 

 


색상 및 크기 변화 (cm_color_size)

선택한 데이터 계열에 따라 문맥 차트 마커의 색상과 크기를 모두 변경할 수 있습니다.

문법

chem=y;s=cm_color_size;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_type>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<size_data_series>,<zero_value_size>,<size_multiplier>,<min_size>,<outline_color>,<alignment>
<icon_type>
아이콘의 모양입니다. maps_pin, disk, square 값 중 하나를 선택합니다.
<color_data_series>
데이터 계열의 0부터 시작하는 색인으로 아이콘의 색상을 변경합니다.
<low_color>
범위 내의 낮은 색상 값으로, 3자리 또는 6자리 HTML 16진수 색상입니다(# 기호 없음). 사용 가능한 데이터 범위에서 가능한 가장 낮은 값과 연결되어 있습니다.
<middle_color>
범위의 중간 색상 값으로, 3자리 또는 6자리 HTML 16진수 색상(# 기호 없음)입니다. 사용 가능한 데이터 범위의 중간 값과 연결됩니다.
<high_color>
범위 내의 높은 색상 값으로, 3자리 또는 6자리 HTML 16진수 색상입니다(# 기호 없음). 사용 가능한 데이터 범위에서 가능한 가장 높은 값과 연결되어 있습니다.
<size_data_series>
데이터 계열의 0부터 시작하는 색인으로 아이콘의 크기를 변경합니다.
<zero_value_size>
아이콘의 기본 크기로, 계열의 최소 데이터 값입니다.
<size_multiplier>
크기 배율입니다. 이 값을 각 아이콘의 데이터 값과 최소 계열 값 간 차이와 곱해 최종 아이콘 크기를 계산합니다. 따라서 데이터 값이 0인 아이콘은 이 배율의 영향을 받지 않습니다.
<min_size>
아이콘의 최소 크기(픽셀)입니다.
<outline_color>
아이콘의 윤곽선 색상으로, 3자리 또는 6자리 HTML 16진수 색상(# 표시 없음)입니다.
<alignment>
아이콘 정렬과 오프셋을 설명하는 선택적 문자열입니다.

예시

이 예에서는 두 줄을 사용합니다. 핀은 렌더링되는 계열의 색상 데이터를 사용하지만 다른 계열의 크기 데이터를 사용합니다.
  • chd=s:0akAZtnkmi,nbMPJOKXXS - 첫 번째 계열은 노란색 선을 표시하고 핀 색상을 결정하는 데 사용됩니다. 두 번째 계열은 파란색 선과 핀 크기에 사용됩니다.
  • chem=y - 동적 아이콘 렌더링
  • s=cm_color_size - 색상 및 크기 변형 컨텍스트 아이콘을 사용합니다.
  • ds=1 - 데이터 계열 1(파란색 선)의 항목을 렌더링합니다.
  • dp=all - 모든 지점에 아이콘을 배치합니다.
  • d=
    • maps_pin - 지도 핀 기호를 사용합니다.
    • 1 - 데이터 계열 1을 핀 색상으로 사용합니다.
    • 000,0FF,F55 - 낮음, 중간, 높은 색상입니다.
    • 0 - 데이터 계열 0을 핀 크기로 사용합니다.
    • 10 - 핀은 값이 0인 10픽셀입니다.
    • 90: 크기 승수 90
    • 10: 핀의 최소 크기는 10픽셀입니다.
    • 000 - 검은색 윤곽선 색상
    • hb - 핀을 하단 가장자리를 따라 각 데이터 포인트의 가로로 가운데에 배치합니다.


chd=s:0akAZtnkmi,nbMPJOKXXS
chem=y;s=cm_color_size;ds=1;dp=all;d=maps_pin,1,000,0FF,F55,0,10,90,10,000,hb

맨 위로

 

 


스태킹 변형 (cm_repeat)

특정 지점의 데이터 값에 따라 아이콘 스택의 높이를 변경할 수 있습니다.

문법

chem=y;s=cm_repeat;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<repeat_series_index>,<scaling_factor>,<stacking_direction>,<icon_size>,<fill_color>,<outline_color>,<spacing>,<alignment>
<icon_shape>
사용할 아이콘입니다. 페이지 끝에 나열된 이미지 중 하나를 식별하는 ID 문자열을 지정합니다.
<repeat_series_index>
특정 시점에 배치할 아이콘 수를 계산하는 데 사용되는 데이터 계열의 0 기반 색인입니다.
<scaling_factor>
소스 데이터 계열 값은 0~1 사이의 값으로 조정되고 이 값을 곱해 이 지점에 배치할 마커 수를 결정합니다. 일부 값은 잘립니다.
<stacking_direction>
스택 방향: 가로의 경우 'h' (소문자), 세로의 경우 'V' (대문자)
<icon_size>
각 마커의 크기(픽셀)입니다. 12, 16, 24 값이 지원됩니다.
<fill_color>
아이콘의 채우기 색상으로, 3자리 또는 6자리 HTML 16진수 색상(# 기호 없음)입니다.
<outline_color>
아이콘의 윤곽선 색상으로, 3자리 또는 6자리 HTML 16진수 색상(# 표시 없음)입니다.
<spacing>
스택의 각 마커 사이에 배치할 간격입니다(단위: 픽셀).
<alignment>
아이콘 정렬과 오프셋을 설명하는 선택적 문자열입니다.

이 예에서는 두 번째 더미 데이터 계열을 사용합니다. 차트에서 렌더링되지는 않지만 차트 하단부터 모든 스택의 간격을 균등하게 하는 방법으로 사용됩니다.
  • chd=s1:0akAZtnkmi,AAAAAAAAAA - 첫 번째 계열이 선을 표시하고 스택 높이를 결정하는 데 사용됩니다. 두 번째는 각 아이콘 스택의 하단을 0 값에서 지정하는 데 사용됩니다.
  • chem=y - 동적 아이콘 렌더링
  • s=cm_repeat - 스태킹 변형 컨텍스트 아이콘을 사용합니다.
  • ds=1 - 데이터 계열 1의 항목을 렌더링합니다.
  • dp=all - 모든 지점에 아이콘을 배치합니다.
  • d=
    • d=petrol - 휘발유 기호를 사용합니다.
    • 0 - 데이터 계열 0을 반복 횟수로 사용합니다.
    • 9 - 배율 6을 사용합니다.
    • V - 수직으로 쌓입니다.
    • 16 - 각 마커의 높이를 16픽셀로 설정합니다.
    • F00 - 아이콘 채우기 색상입니다.
    • 000 - 아이콘 윤곽선 색상입니다.
    • 2 - 스택의 각 아이콘 사이에 있는 두 픽셀
    • hb - 스택을 하단 중앙에 배치


chd=s1:0akAZtnkmi,AAAAAAAAAA
chem=
  y;s=cm_repeat;ds=1;dp=all;
  d=petrol,0,9,V,16,F00,000,2,hb

맨 위로

 


 

스태킹 및 색상 변형 (cm_repeat_color)

특정 지점의 데이터 값에 따라 아이콘 스택의 높이와 색상을 모두 변경할 수 있습니다.

문법

chem=y;s=cm_repeat_color;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<repeat_series_index>,<scaling_factor>,<stacking_direction>,<icon_size>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<outline_color>,<spacing>,<alignment>
<icon_shape>
사용할 아이콘입니다. 페이지 끝에 나열된 이미지 중 하나를 식별하는 ID 문자열을 지정합니다.
<repeat_series_index>
특정 시점에 배치할 아이콘 수를 계산하는 데 사용되는 데이터 계열의 0 기반 색인입니다.
<scaling_factor>
소스 데이터 계열 값은 0~1 사이의 값으로 조정되고 이 값을 곱해 이 지점에 배치할 마커 수를 결정합니다. 일부 값은 잘립니다.
<stacking_direction>
스택 방향: 가로의 경우 'h' (소문자), 세로의 경우 'V' (대문자)
<icon_size>
각 마커의 크기(픽셀)입니다. 12, 16, 24 값이 지원됩니다.
<color_data_series>
데이터 계열의 0부터 시작하는 색인으로 아이콘의 색상을 변경합니다.
<low_color>
범위 내의 낮은 색상 값으로, 3자리 또는 6자리 HTML 16진수 색상입니다(# 기호 없음). 사용 가능한 데이터 범위에서 가능한 가장 낮은 값과 연결되어 있습니다.
<middle_color>
범위의 중간 색상 값으로, 3자리 또는 6자리 HTML 16진수 색상(# 기호 없음)입니다. 사용 가능한 데이터 범위의 중간 값과 연결됩니다.
<high_color>
범위 내의 높은 색상 값으로, 3자리 또는 6자리 HTML 16진수 색상입니다(# 기호 없음). 사용 가능한 데이터 범위에서 가능한 가장 높은 값과 연결되어 있습니다.
<outline_color>
아이콘의 윤곽선 색상으로, 3자리 또는 6자리 HTML 16진수 색상(# 표시 없음)입니다.
<spacing>
스택의 각 마커 사이에 배치할 간격입니다(단위: 픽셀).
<alignment>
아이콘 정렬과 오프셋을 설명하는 선택적 문자열입니다.

  • chem=y - 동적 아이콘 렌더링
  • s=cm_repeat_color - 스태킹 및 색상 변형 컨텍스트 아이콘을 사용합니다.
  • ds=0 - 데이터 계열 0의 항목을 렌더링합니다.
  • dp=all - 모든 지점에 아이콘을 배치합니다.
  • d=
    • petrol - 휘발유 기호를 사용합니다.
    • 0 - 데이터 계열 0을 반복 횟수로 사용합니다.
    • 6 - 배율 6을 사용합니다.
    • V - 수직으로 쌓입니다.
    • 12 - 각 마커의 높이를 12픽셀로 설정합니다.
    • 0 - 계열 0을 사용하여 색상을 지정합니다.
    • F00,0F0,00F - 낮은 색상, 중간 색상, 높은 색상 값입니다.
    • 000 - 아이콘 윤곽선 색상입니다.
    • 2 - 스택의 각 아이콘 사이에 있는 두 픽셀
    • hv - 스택을 각 데이터 포인트의 세로 및 가로 중앙에 배치합니다.

chem=
  y;s=cm_repeat_color;ds=0;dp=all;
  d=petrol,0,6,V,12,0,F00,0F0,00F,000,2,hv

맨 위로