선 차트

   

이 문서에서는 차트 API를 사용하여 만들 수 있는 다양한 유형의 선 차트를 설명합니다.

목차

차트별 기능

  1. 차트 유형 (cht)
  2. 데이터 세부사항
  3. 계열 색상 (chco)

표준 기능

  1. 복합 차트
  2. 차트 제목 (chtt, chts)
  3. 차트 범례 텍스트 및 스타일 (chdl, chdlp, chdls)
  4. 차트 여백 (chma)
  5. 축 스타일 및 라벨
    1. 표시 축 (chxt)
    2. 축 범위 (chxr)
    3. 맞춤 축 라벨 (chxl)
    4. 축 라벨 위치 (chxp)
    5. 축 라벨 스타일 (chxs)
    6. 축 눈금 표시 (chxtc)
  6. 배경 채우기 (chf)
    1. 단색 채우기 (chf)
    2. 그라데이션 채우기 (chf)
    3. 줄무늬 채우기 (chf)
  7. Grid Lines(그리드 선) (chg)
  8. 선 스타일 (chls)
  9. 동적 마커 (chem)
  10. 줄 채우기 (chm)
  11. 도형 마커 (chm)
  12. 텍스트 및 데이터 값 마커 (chm)
  13. 범위 마커 (chm=r|R)
  14. 원통형 마커 (chm=F)
  15. 선 마커 (chm=D)
  16. 데이터 함수 (chfd)

차트 유형 (cht개)

다양한 선 차트를 만들 수 있습니다. 다음 구문을 사용하여 선 차트를 지정합니다.

문법

cht=<chart_type>

여기서 <chart_type>는 다음 유형 중 하나입니다.

매개변수 설명 예시

lc

데이터 포인트가 x축을 따라 균등하게 배치된 선 차트입니다. 축 선은 기본적으로 표시됩니다. 축 선에 값을 표시하려면 chxt를 지정해야 합니다.

선이 노란색인 차트
cht=lc
chd=t:40,60,60,45,47,75,70,72

ls

lc 차트와 비슷하지만 기본적으로 축 선을 표시하지 않습니다. 이를 스파크라인이라고도 합니다.

파란색 스파크라인 차트
cht=ls
chd=t:27,25,60,31,25,39,25,
31,26,28,80,28,27,31,27,
29,26,35,70,25

lxy

각 지점에 y 값뿐만 아니라 x 좌표와 y 좌표를 모두 지정할 수 있습니다.

lxy 차트의 데이터 포인트를 지정하려면 계열을 2의 배수로 지정해야 합니다. 각 쌍의 첫 번째 계열은 해당 선의 x 좌표이고 두 번째 계열은 선에 상응하는 y 좌표입니다. 예를 들면 다음과 같습니다. 

chd=t:<line_1_x1>,<line_1_x2>,...|<line_1_y1>,<line_1_y2>,...|
      <line_2_x1>,<line_2_x2>,...|<line_2_y1>,<line_2_y2>,...

x축만을 따라 데이터 포인트의 간격을 균등하게 맞추기 위해 해당 계열의 x 세트에 정의되지 않은 단일 값을 제공합니다. 이 예에서 빨간색 '유니콘' 선은 x축을 따라 데이터 포인트 간격을 균등하게 유지합니다. 정의되지 않은 값에 대한 자세한 내용은 데이터 형식을 참고하세요.

이 예에서 'Ponies' 줄은 모든 점에 대해 정확한 x값과 y값을 지정하고 'Unicorns' 줄은 x축을 따라 값의 간격을 균등하게 유지합니다.

참고: 복합 lxy 차트를 만드는 경우 chd 매개변수에 데이터를 2의 배수로 표시해야 합니다. 예를 들어 모든 선을 숨기려면 chd=t0:, 한 선을 그리려면 chd=t2:, 두 선을 그리려면 chd=t4: 식입니다. chd=t1:를 지정하면 선이 그려지지 않고 chd=t3:를 지정하면 한 개의 선만 그려집니다.

 고르지 않은 간격의 데이터 포인트와 빨간색, 녹색, 파란색 파선의 선이 있는 선 차트
cht=lxy
chd=t:
  10,20,40,80,90,95,99|
  20,30,40,50,60,70,80|
  -1|
  5,10,22,35,85

맨 위로

데이터 세부사항

선 차트에 필요한 데이터 포인트 수를 과대평가하지 않도록 주의하세요. 예를 들어 지난 10년 동안 초콜릿 아이스크림의 인기도를 보여주기 위해 매일 검색어를 집계하면 3,600개가 넘는 값이 나옵니다. 이와 같이 세분화된 수준에서 그래프를 표시하는 것은 적합하지 않습니다. 너비가 1, 024픽셀인 차트에서는 데이터 포인트 1개는 약 1/4픽셀입니다. 또한 URL에 전달하기에는 데이터가 너무 많을 수 있습니다. 다음 예는 이 점을 설명합니다.

40개의 데이터 포인트가 있는 200픽셀 너비 차트 (데이터 포인트당 5픽셀):

노란색 선 차트: 데이터 포인트가 X축을 따라 덜 분산되어 있어 읽기 쉬움

데이터 포인트 80개 (데이터 포인트당 2.5픽셀만):

노란색 선 차트: 데이터 포인트가 x축을 따라 매우 찌그러져 있어 읽기 어려움

데이터 포인트 150개 (데이터 포인트당 1.3픽셀만):

노란색 선 차트: 데이터 포인트가 x축을 따라 매우 찌그러져 있어 읽기가 매우 어려움

데이터 포인트 300개 (데이터 포인트당 1픽셀 미만):

노란색 선 차트: 데이터 포인트가 x축을 따라 매우 찌그러져 있어 읽기가 매우 어려움

맨 위로

계열 색상 chco

chco 매개변수를 사용하여 특정 계열 또는 모든 계열의 색상을 지정할 수 있습니다.

문법

chco=
<color_1>, ... <color_n>
<color>
RRGGBB 형식의 16진수입니다. 모든 계열에 동일한 색상을 적용하려면 단일 값을 지정하세요. 쉼표로 구분된 색상 값을 추가하여 계열마다 다른 색상을 지정합니다. 색상 수가 계열보다 적으면 지정되지 않은 계열이 지정된 색상을 처음부터 순서대로 순환합니다.

 

예시

설명 예시

계열마다 단일 색상을 지정하면 각 계열에 색상이 할당됩니다. 이 예에는 세 개의 데이터 계열과 세 가지 색상이 지정되어 있습니다.

빨간색 1개, 파란색 1개, 녹색 선 1개가 있는 선 차트

chco=FF0000,00FF00,0000FF

이 예에는 세 개의 데이터 계열도 있지만 두 가지 색상만 지정되어 있습니다. 세 번째 계열의 색상이 지정되지 않았으므로 세 번째 선은 첫 번째 색상 (빨간색)을 사용하여 그려집니다.

빨간색 선 2개와 파란색 선 1개가 있는 선 차트

chco=FF0000,0000FF

맨 위로

복합 차트

선 차트에 선, 원통형, 도형 마커를 추가하여 복합 차트를 만들 수 있습니다. 자세한 내용은 복합 차트를 참고하세요.

표준 기능

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

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

맨 위로

차트 범례 텍스트 및 스타일 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

맨 위로

차트 여백 chma [모든 차트]

차트의 여백 크기를 픽셀로 지정할 수 있습니다. 여백은 지정된 차트 크기 (chs)에서 안쪽으로 계산됩니다. 여백 크기를 늘리면 총 차트 크기가 늘어나지 않고 필요한 경우 차트 영역이 줄어듭니다.

여백은 기본적으로 차트 크기를 계산한 후 남은 모든 값입니다. 이 기본값은 차트 유형에 따라 다릅니다. 지정한 여백은 최소 값입니다. 차트 영역에 여백이 있는 경우 남은 여백 크기가 모두 남게 됩니다. 범례와 라벨에 필요한 것보다 작은 여백은 줄일 수 없습니다. 다음 다이어그램은 차트의 기본적인 부분을 보여줍니다.

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

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

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

 

문법

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픽셀을 초과하므로 오른쪽의 여백은 차트 범례의 너비로 설정되며 다른 여백과 다릅니다.

축 라벨이 플롯 영역 밖에 있으므로 여백 공간 내에 그려집니다.

각 면에 여백이 있고 회색 배경이 있는 선 차트
chma=30,30,30,30

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

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

각 면에 여백이 있고 회색 배경이 있는 선 차트
chma=20,20,20,30|80,20

맨 위로

축 스타일 및 라벨 [선, 막대, Google-o-미터, 레이더, 분산형]

차트에 표시할 축을 지정하고 맞춤 라벨 및 위치, 범위, 스타일을 지정할 수 있습니다.

모든 차트에 기본적으로 축 선이 표시되는 것은 아닙니다. chxt 매개변수를 사용하여 차트에 표시할 축을 정확하게 지정할 수 있습니다. 기본 축 선에는 숫자가 표시되지 않습니다. 숫자를 표시하려면 chxt 매개변수에 축을 지정해야 합니다.

축에 데이터 값을 반영하는 숫자가 표시되도록 하거나 커스텀 축을 지정할 수 있습니다. 기본값은 숫자 값을 0~100 범위로 표시하는 것입니다. 그러나 chxr를 사용하여 해당 범위를 변경하여 범위를 표시하고 chxs를 사용하여 값의 스타일을 지정 (예: 통화 기호 또는 소수점 이하 자릿수 표시)할 수 있습니다.

맞춤 값(예: '월, 화요일, 수요일')을 사용하려면 chxl 매개변수를 사용할 수 있습니다. 축의 특정 위치에 이러한 라벨을 배치하려면 chxp 매개변수를 사용합니다.

마지막으로 chxs 및 chxtc 매개변수를 사용하여 맞춤 축 및 숫자 축 라벨의 색상, 크기, 정렬 및 기타 속성을 지정할 수 있습니다.

문자열 값에 대한 참고사항: 라벨 문자열에는 URL 보안 문자만 허용됩니다. 안전을 위해 문자 집합 0-9a-zA-Z에 없는 문자가 포함된 모든 문자열은 URL 인코딩해야 합니다. URL 인코더에 관한 내용은 Google 시각화 문서를 참고하세요.

이 섹션에서는 다음 주제를 다룹니다.

표시되는 축 chxt

막대, 선, 방사형, 분산형 차트는 기본적으로 1~2개의 축 선을 표시하지만 이러한 선에는 값이 포함되지 않습니다. 축 선에 값을 표시하거나 표시되는 축을 변경하려면 chxt 매개변수를 사용해야 합니다. chxr 속성을 사용하여 명시적으로 크기를 조정하지 않는 한 기본적으로 축 값의 범위는 0~100입니다. 선 차트에서 모든 축 선을 숨기려면 cht 매개변수의 차트 유형 값 뒤에 :nda를 지정합니다 (예: cht=lc:nda).

기본적으로 상단 및 하단 축에는 값별로 눈금이 표시되지 않지만 왼쪽 및 오른쪽 축에는 눈금이 표시됩니다. chxs 매개변수를 사용하여 이 동작을 변경할 수 있습니다.

문법

chxt=
  <axis_1>
    ,...,
  <axis_n>
<axis>
차트에 표시할 축. 사용 가능한 축은 다음과 같습니다.
  • x - 하단 x축
  • t - 상단 x축[Google-o-Meter에서 지원되지 않음]
  • y - 왼쪽 y축
  • r - 오른쪽 y축[Google-o-Meter에서 지원되지 않음]

동일한 유형의 여러 축을 지정할 수 있습니다(예: cht=x,x,y). 이렇게 하면 차트 하단에 두 개의 x축 세트가 쌓입니다. 숫자 값을 표시하는 축을 따라 맞춤 라벨을 추가할 때 유용합니다 (아래 예 참조). 축은 안쪽에서 바깥쪽으로 그려지므로 x,x가 있다면 첫 번째 x는 가장 안쪽에 있는 사본을 나타내고 다음 x는 바깥쪽을 향하는 다음 사본을 참조합니다.

 

예시

설명 예시

이 예시에서는 x축, y축, 위쪽 축 (t), 오른쪽 축 (r)이 있는 선 차트를 보여줍니다.

라벨이 지정되지 않았으므로 차트는 기본적으로 모든 축에 대해 0~100 범위로 설정됩니다.

기본적으로 상단 및 하단 축에는 라벨별 눈금이 표시되지 않습니다.

왼쪽과 오른쪽에 0, 20, 40, 60, 80, 100이라는 라벨이 있고 위아래에 0, 25, 50, 75, 100이라는 라벨이 있는 선 차트
chxt=x,y,r,t
동일한 값을 두 번 이상 포함하여 각 축에 여러 라벨 집합을 포함할 수 있습니다. 이 예에서는 2개의 x 집합과 2개의 y축 집합을 보여줍니다. 여기 표시된 대로 기본 축 라벨만 사용하는 경우에는 그다지 유용하지 않습니다. 하지만 chxl 매개변수를 사용하면 각 축의 사본마다 맞춤 라벨을 지정할 수 있습니다.

<img <code="" dir="ltr" src="/static/chart/image/images/chart_41.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200xnox125"

<img <code="" dir="ltr" src="/static/chart/image/images/chart_42.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200xx125:

이 예에서는 x축, y축, 위쪽 t축, 오른쪽 r축이 있는 가로 막대 그래프를 보여줍니다.

축 라벨이 생략되었으므로 Chart API는 x축과 t축에 대해 0~100의 범위를 표시합니다.

y축과 r축의 범위는 막대 수로 결정됩니다. 이 경우에는 막대가 5개이므로 Chart API는 0~4의 범위를 표시합니다. 첫 번째 라벨은 첫 번째 막대의 하단 중앙에 배치되고 두 번째 라벨은 두 번째 막대의 하단 중앙에 위치하는 식입니다.

왼쪽과 오른쪽에 0, 20, 40, 60, 80, 100이라는 라벨이 있고 위아래에 0, 25, 50, 75, 100이라는 라벨이 있는 선 차트
chxt=x,y,r,t
차트 유형 뒤에 :nda를 지정하여 선 차트에서 기본 축을 표시하지 않을 수 있습니다. 숨겨진 축이 있는 선 차트
cht=lc:nda

맨 위로

축 범위 chxr

chxr 매개변수를 사용하여 각 축에 표시되는 값의 범위를 독립적으로 지정할 수 있습니다. 차트 요소의 배율은 변경되지 않고 축 라벨의 배율만 변경됩니다. 축 번호가 실제 데이터 값을 나타내도록 하려면 <start_val> 및 <end_val>을 각각 데이터 형식 범위의 낮은 값과 상한 값으로 설정합니다. 자세한 내용은 축 확장을 참조하세요.

범위를 지정하려면 chxt 매개변수를 사용하여 축을 표시해야 합니다.

맞춤 축 값을 지정하려면 chxl 매개변수를 사용합니다.

문법

파이프 문자 ( |)를 사용하여 여러 축 라벨 범위를 구분합니다.

chxr=
  <axis_index>,<start_val>,<end_val>,<opt_step>
    |...|
  <axis_index>,<start_val>,<end_val>,<opt_step>
<axis_index>
라벨을 적용할 축입니다. 이는 chxt로 지정된 축 배열의 0부터 시작하는 색인입니다. 예를 들어 chxt=x,r,y에서 r축은 1입니다.
<start_val>
이 축의 낮은 값을 정의하는 숫자입니다.
<end_val>
이 축의 높은 값을 정의하는 숫자입니다.
<opt_step>
[선택사항] 축의 틱 사이의 카운트 단계입니다. 기본 단계 값은 없으며, 잘 배치된 라벨 세트를 표시하도록 단계가 계산됩니다.

 

예시

설명 예시

이 예에서는 왼쪽 및 오른쪽 y축 (y 및 r)과 하나의 x축 (x)을 보여줍니다.

각 축에는 정의된 범위가 있습니다. 라벨이나 위치가 지정되지 않았으므로 값은 지정된 범위에서 가져오며 그 범위 내에서 균일하게 배치됩니다. 선 차트에서는 값이 X축을 따라 고르게 분포됩니다.

첫 번째 값 (1000)이 마지막 값 (0)보다 크므로 r축(색인 2)의 축 방향이 반대입니다.


chxt=x,y,r
chxr=
  0,0,500|
  1,0,200|
  2,1000,0

이 예에서는 x축에 값이 지정되어 있습니다.

축 라벨은 축을 따라 균등하게 간격이 지정됩니다. <opt_step> 매개변수에 값 5 (5)가 지정됩니다.

X축에 200, 300, 400초가 있는 막대 그래프 chxt=x
chxr=0,10,50,5

맨 위로

맞춤 축 라벨 chxl

chxl 매개변수를 사용하여 모든 축에 맞춤 문자열 축 라벨을 지정할 수 있습니다. 라벨은 원하는 만큼 지정할 수 있습니다. chxt 매개변수를 사용하여 축을 표시하고 맞춤 라벨을 지정하지 않으면 표준 숫자 라벨이 적용됩니다. 맞춤 숫자 범위를 지정하려면 chxr 매개변수를 대신 사용하세요.

축을 따라 라벨의 특정 위치를 설정하려면 chxp 매개변수를 사용합니다.

문법

라벨을 지정할 축마다 설정된 매개변수 하나를 지정합니다. 파이프 문자(|)를 사용하여 여러 라벨 세트를 구분합니다.

chxl=
  <axis_index>:|<label_1>|...|<label_n>
    |...|
  <axis_index>:|<label_1>|...|<label_n>
<axis_index>
라벨을 적용할 축입니다. chxt 매개변수 배열의 색인입니다. 예를 들어 chxt=x,x,y,y가 있으면 색인 0은 첫 번째 x축이 되고 1은 두 번째 x축이 됩니다.
<label_1>| ... |<label_n>
이 축을 따라 배치할 하나 이상의 라벨입니다. 문자열 또는 숫자 값일 수 있으며 문자열은 따옴표로 묶을 필요가 없습니다. label_1은 축의 가장 낮은 위치에 표시되고 label_n은 가장 높은 위치에 표시됩니다. 추가 라벨은 라벨 사이에 균등하게 배치됩니다. 공백은 + 기호로 나타냅니다. 라벨에 줄바꿈을 지정할 수는 없습니다. 파이프 문자로 라벨을 구분합니다. 참고: chxl 매개변수의 최종 라벨 뒤에 파이프를 배치하지 마세요.

 

예시

설명 예시

이 차트는 맞춤 라벨을 두 축에 추가하는 방법을 보여줍니다. 값의 간격이 어떻게 균일하고 마지막 chxl 값이 파이프로 끝나지 않는지 확인하세요.

 왼쪽에 0과 100, 오른쪽에 A, B, C, X축에 1월, 7월, 1월, 7월, 1월, 아래에 2005, 2006, 2007이 있는 선 차트
chxt=x,y
chxl=
0:|Jan|Feb|March|April|May|
1:|Min|Mid|Max

이 예에는 왼쪽 및 오른쪽 y축의 축 라벨 (y 및 r)이 포함되어 있습니다. 또한 x축 (x)의 두 값 세트도 포함됩니다. chxs를 사용하여 y축에 눈금 표시를 추가할 수 있습니다.

왼쪽에 0과 100, 오른쪽에 A, B, C, X축에 1월, 7월, 1월, 7월, 1월, 아래에 2005, 2006, 2007이 있는 선 차트
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

이 예에는 왼쪽 및 오른쪽 y축의 축 라벨(y 및 r)이 포함되어 있습니다. 또한 x축 (x)의 두 값 집합도 포함됩니다. 하위 x축 집합의 빈 라벨은 값 간격을 구분하는 데 사용됩니다.

이 예에서는 왼쪽 y축의 축 라벨에 기본값을 사용합니다.

왼쪽에 0과 100, 오른쪽에 A, B, C, X축에 1월, 7월, 1월, 7월, 1월, 아래에 2005, 2006, 2007이 있는 막대 그래프
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
2:|A|B|C|
3:|2005||2006||2007

전체 축을 설명하는 일반 라벨을 추가하려면 (예: 한 축에 '비용'과 다른 '학생' 라벨을 지정하려는 경우) chxt 속성을 사용하여 각 면에 추가 축을 추가한 다음, chxl를 사용하여 단일 맞춤 라벨을 각 면에 추가하고 chxp를 사용하여 축 중앙에서 간격을 지정합니다.
chxt=x,x,y,y
chxl=1:|Martinis|3:|Score
chxp=1,50|3,50

맨 위로

축 라벨 위치 chxp

기본 라벨을 사용하든 chxl를 사용하여 지정된 커스텀 라벨을 사용하든 표시할 축 라벨을 지정할 수 있습니다. 이 매개변수를 사용하여 정확한 위치를 지정하지 않으면 라벨이 축을 따라 기본 보폭으로 균등하게 배치됩니다. chxl를 지정하지 않으면 눈금 표시 라벨이 기본값 (일반적으로 데이터 값 또는 막대 그래프의 막대 번호)이 됩니다.

문법

파이프 문자 (|)를 사용하여 여러 배치 세트를 분리합니다.

chxp=
  <axis_1_index>,<label_1_position>,...,<label_n_position>
    |...|
  <axis_m_index>,<label_1_position>,...,<label_n_position>
<axis_index>
위치를 지정할 축입니다. chxt 매개변수 배열의 색인입니다. 예를 들어 chxt=x,x,y,y이 있으면 색인 0이 첫 번째 x축이 되고 1이 두 번째 x축이 됩니다.
<label_1_position>,...,<label_n_position>
: 축을 따르는 라벨의 위치입니다. 쉼표로 구분된 숫자 값 목록이며 각 값은 chxl 배열에서 해당 라벨의 위치를 설정합니다. 첫 번째 항목은 첫 번째 라벨에 적용되는 식입니다. 위치는 해당 축의 범위 내의 값입니다. chxr를 사용하여 커스텀 범위를 지정하지 않는 한 항상 0~100입니다. 해당 축의 라벨 수만큼 위치가 있어야 합니다.

 

예시

설명 예시

이 예에는 차트의 지정된 위치에 r축 라벨이 포함되어 있습니다. 라벨 텍스트는 chxl 매개변수를 사용하여 지정됩니다.

지정된 위치가 0인 라벨은 y축 또는 r축의 하단이나 x축 또는 t축의 왼쪽에 배치됩니다.

지정된 위치가 100인 라벨은 y축 또는 r축의 상단이나 x축 또는 t축의 오른쪽에 배치됩니다.

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

이 예시에서는 지정된 위치에만 기본 라벨 값을 표시하는 방법을 보여줍니다.

chxp=1,10,35,75 - y축에는 라벨 3개(10, 35, 75)만 표시됩니다. 맞춤 라벨 텍스트가 지정되지 않았으므로 이러한 축 값이 표시됩니다. chxp를 사용할 때 라벨 간격을 균등하게 유지할 필요가 없습니다. 여기에 chxp를 지정하지 않았다면 두 번째 그래프와 같이 y축의 기본 라벨 값 거리는 20단위 간격이 됩니다.

 Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75
기본 축 위치가 있는 선 차트입니다.
chxt=x,y
chxp 지정되지 않음

맨 위로

축 라벨 스타일 chxs

축 라벨의 글꼴 크기, 색상, 정렬을 지정할 수 있습니다(맞춤 라벨 및 기본 라벨 값 모두). 동일한 축에 있는 모든 라벨의 형식은 동일합니다. 축의 사본이 여러 개 있는 경우 각 사본의 서식을 다르게 지정할 수 있습니다. 라벨 문자열의 형식을 지정할 수도 있습니다. 예를 들어 통화 기호나 후행 0을 표시할 수 있습니다.

기본적으로 상단 및 하단 축에는 값별로 눈금이 표시되지 않지만 왼쪽 및 오른쪽 축에는 눈금이 표시됩니다.

문법

여러 축의 값은 파이프 문자 (|)를 사용하여 구분해야 합니다.

chxs=
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
   |...|
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
<axis_index>
이 값이 적용되는 축입니다. chxt 매개변수의 0부터 시작하는 색인입니다.
<opt_format_string>
[선택사항] 선택적 형식 문자열로, 사용되는 경우 축 색인 번호 바로 뒤에 쉼표가 없이 뒤에 옵니다. 리터럴 문자 N으로 시작하고 그 뒤에 다음 값이 옵니다. 모두 선택사항입니다. 서식 지정 문자열 구문은 다음과 같습니다.
       N<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> - 각 값 뒤에 나오는 리터럴 텍스트입니다.
<opt_label_color>
축 텍스트 (축 선 제외)에 적용할 색상으로, RRGGBB 16진수 형식으로 나타냅니다. 축 선 색상은 opt_axis_color를 사용하여 별도로 지정됩니다. 기본값은 회색입니다.
<opt_font_size>
[선택사항] 글꼴 크기를 픽셀 단위로 지정합니다. 이 매개변수는 선택사항입니다.
<opt_alignment>
[선택사항] 라벨 정렬. 상단 또는 하단 축의 경우 라벨이 위 또는 아래의 눈금에 정렬되는 방식을 설명합니다. 왼쪽 또는 오른쪽 축의 경우 축과 접촉하는 경계 상자 내부의 정렬 방식을 설명합니다. 다음 숫자 중 하나를 지정합니다.
  • -1 - 상단 또는 하단: 라벨이 눈금의 오른쪽에 있습니다. 왼쪽 또는 오른쪽: 라벨이 영역에서 왼쪽 정렬됩니다. r축 라벨의 기본값입니다.
  • 0 - 상단 또는 하단: 라벨이 눈금의 중앙에 배치됩니다. 왼쪽 또는 오른쪽: 라벨이 영역의 중앙에 배치됩니다. x축 및 t축 라벨의 기본값입니다.
  • 1 - 상단 또는 하단: 라벨이 눈금의 왼쪽에 있습니다. 왼쪽 또는 오른쪽: 라벨이 영역에서 오른쪽에 정렬됩니다. y축 라벨의 기본값입니다.
<opt_axis_or_tick>
[선택사항, Google-o-meter에서 지원되지 않음] 이 축의 눈금 표시 또는 축 선을 표시할지 여부입니다. 눈금 표시와 축 선은 가장 안쪽 축에만 사용할 수 있습니다 (예: 두 개의 x축 바깥쪽에는 지원되지 않음). 다음 값 중 하나를 사용하세요.
  • l (소문자 'L') - 축 선만 그립니다.
  • t: 눈금 표시만 그립니다. 눈금 표시는 축 라벨 옆에 있는 작은 선입니다.
  • lt - [기본값] 모든 라벨에 축 선과 눈금 표시를 모두 그립니다.
  • _ - (밑줄) 축 선과 눈금 표시를 모두 그리지 않습니다. 축 선을 숨기려면 이 값을 사용합니다.
<tick_color>
[선택사항; Google-o-meter에서 지원되지 않음] RRGGBB 16진수 형식의 눈금 색상입니다. 기본값은 회색입니다.
<opt_axis_color>
[선택사항] RRGGBB 16진수 형식으로 된 이 축 선의 색상입니다. 기본값은 회색입니다.

 

예시

설명 예시

두 번째 x축(1월, 2월, 3월)에 글꼴 크기와 색상이 지정됩니다.

왼쪽에 최솟값, 평균, 최댓값이, 오른쪽에 0, 1, 2, 3, 4, x축에 0~100, 아래에 파란색으로 1월, 2월, 3월이 있는 선 차트

chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|
     1:|min|average|max
chxp=1,10,35,75
chxs=3,0000DD,13,0,t

글꼴 크기, 색상, 정렬은 오른쪽 y축에 지정됩니다. 축 선이 없는 눈금 표시가 그려집니다.

x축에 0~100초, 아래 1월, 2월, 3월, y축에 0~4, 오른쪽에 최솟값, 평균, 최댓값에 대한 파란색 텍스트가 있는 빨간색 눈금 마크가 있는 선 차트

chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar|
     2:|min|average|max
chxp=2,10,35,95
chxs=2,0000DD,13,-1,t,FF0000

이 차트에는 3개의 데이터 세트가 포함되어 있으며 계열당 하나씩 3개의 축 라벨 세트가 표시됩니다. 각 라벨 집합은 아래에 설명된 커스텀 형식 지정 문자열을 사용하여 형식이 지정됩니다.

  • 0N*e,000000|
    • 0는 첫 번째 데이터 계열을 의미합니다.
    • N는 형식 지정 문자열을 의미합니다.
    • *는 형식 지정자의 시작을 의미합니다.
    • e는 과학적 표기법을 의미합니다.
    • *는 형식 지정자의 끝을 의미합니다.
    • 000000은 검은색 텍스트를 의미합니다.
  • 1N*cUSD*Mil,FF0000|
    • 1는 두 번째 계열을 의미합니다.
    • N는 형식 지정 문자열을 의미합니다.
    • *는 형식 지정자의 시작을 의미합니다.
    • c는 통화 마커를 의미합니다.
    • USD은 사용할 통화 마커로 미국 달러를 지정합니다.
    • *는 형식 지정자의 끝을 의미합니다.
    • Mil는 문자열 뒤에 오는 리터럴입니다.
    • FF0000는 빨간색 텍스트를 의미합니다.
  • 2N*sz2*,0000FF
    • 2는 세 번째 계열을 의미합니다.
    • N는 형식 지정 문자열을 의미합니다.
    • *는 형식 지정자의 시작을 의미합니다.
    • s는 그룹화 지정자를 표시한다는 것을 의미합니다 (미국 영어의 경우, 0 3개마다 쉼표 사용).
    • z2는 후행 0 2개를 표시함을 의미합니다.
    • 0000FF는 파란색 텍스트를 의미합니다.

축 라벨 범위는 chxr 매개변수 (axis_index, start, end, step)를 사용하여 설정됩니다. 설정하지 않으면 기본적으로 0~100이 됩니다.
chd=s:
  984sttvuvkQIBLKNCAIi,
  DEJPgq0uov17zwopQODS,
  AFLPTXaflptx159gsDrn
chxr=
  0,0,1000000,250000|
  1,0,60|
  2,0,5000
chxs=
  0N*e,000000|
  1N*cUSD*Mil,FF0000|
  2N*sz2*,0000FF

맨 위로

축 체크표시 스타일 chxtc

특정 축에 긴 눈금 표시를 지정할 수 있습니다. 일반적으로 차트의 길이에 따라 눈금 표시를 확장하는 데 사용됩니다. 눈금 표시 색상을 변경하려면 chxs 매개변수를 사용합니다.

여러 축의 값은 파이프 문자 (|)를 사용하여 구분해야 합니다. 계열 내의 값은 쉼표로 구분해야 합니다.

문법

chxtc=
  <axis_index_1>,<tick_length_1>,...,<tick_length_n>
    |...|
  <axis_index_m>,<tick_length_1>,...,<tick_length_n>
<axis_index>
이 값이 적용되는 축입니다. chxt 매개변수의 0부터 시작하는 색인입니다. 막대 구분 기호를 사용하여 여러 축의 값을 구분합니다.
<tick_length_1>,...,<tick_length_n>
해당 축의 눈금 표시 길이(픽셀)입니다. 단일 값을 지정하면 이 값이 모든 값에 적용됩니다. 값을 두 개 이상 지정하면 축 눈금 표시가 해당 축의 값 목록을 순환합니다. 양수 값은 차트 영역 외부에 그려져 차트 테두리를 따라 잘립니다. 최댓값은 25입니다. 음수 값은 차트 영역 내에 그려지며 차트 영역 테두리에 따라 잘립니다.

 

예시

설명 예시

chxtc를 사용하여 긴 빨간색 눈금 표시를 만드는 예 여기서 눈금 길이가 차트 영역 너비를 초과하지만 차트 내에 맞게 잘립니다.

  • chxt=x,y,r,x - 왼쪽 축, 오른쪽 축 및 두 개의 아래쪽 축을 표시합니다.
  • chxl=2:|min|average|max|3:|Jan|Feb|Mar - 'r' (오른쪽) 및 외부 x축에 할당된 라벨 텍스트입니다.
  • chxp=2,10,35,95 - 라벨 3개의 r축 (색인=2)을 따라 맞춤 라벨 위치입니다.
  • chxs=2,0000dd,13,-1,t,FF0000 - r축의 축 라벨 스타일: 텍스트 색상, 텍스트 크기, 왼쪽 정렬, 빨간색 눈금 표시
  • chxtc=1,10|2,-180 - y축 및 r축의 축 시간 길이입니다. 첫 번째 값은 축 외부에 10픽셀 길이의 눈금을 지정합니다. 두 번째 값은 축 내부에 180픽셀 길이의 눈금을 지정합니다. 음수는 눈금이 축 내부에 들어가고 눈금이 차트 내부에 맞춰 잘리는 것을 의미합니다.

x축에 0~100초, 아래 1월, 2월, 3월, y축에 0~4의 숫자, 오른쪽에 최솟값, 평균, 최댓값에 대한 파란색 텍스트가 있는 긴 빨간색 눈금 마크가 있는 선 차트

chxt=x,y,r,x
chxl=
  2:|min|average|max|
  3:|Jan|Feb|Mar
chxp=2,10,35,95
chxs=
  2,0000dd,13,-1,t,FF0000
chxtc=1,10|2,-180
이 차트는 시간 간격이 번갈아 가면서 나타나는 변화를 보여줍니다. chxtc는 y축에 두 개의 눈금 길이 값 (5 및 15)을 지정하며, 차트에 그려진 눈금은 두 값 간에 번갈아 표시됩니다.
chxt=x,y
chxtc=
  1,5,15

맨 위로

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

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

채워짐 chf [모든 차트]

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

문법

chf=<fill_type>,s,<color>|...
<fill_type>
차트에서 채워지고 있는 부분입니다. 다음 값 중 하나를 지정합니다.
  • bg - 배경 채우기
  • c - 차트 영역 채우기. 지도 차트에는 지원되지 않습니다.
  • a - 전체 차트 (배경 포함)를 투명하게 만듭니다. <color>의 처음 6자리는 무시되고 마지막 두 자리 (투명도 값)만 전체 차트 및 모든 채우기에 적용됩니다.
  • 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

맨 위로

그라데이션 채우기 chf [선, 막대, Google-o-미터, 레이더, 분산형,벤]

차트 영역이나 배경에 하나 이상의 그라데이션 채우기를 적용할 수 있습니다. 그라데이션 채우기는 한 색상에서 다른 색상으로 페이드 아웃됩니다. (원형, Google o-meter 차트: 백그라운드 전용)

각 그라데이션 채우기는 각도를 지정한 후 지정된 위치에 고정된 두 개 이상의 색상을 지정합니다. 색상은 하나의 앵커에서 다른 앵커로 이동함에 따라 달라집니다. 한 색이 다른 색으로 희미해질 수 있도록 <color_centerpoint> 값이 서로 다른 색상이 2개 이상 있어야 합니다. 각각의 추가 그라데이션은 <color>,<color_centerpoint> 쌍으로 지정됩니다.

문법

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
<fill_type>
채울 차트 영역입니다. 다음 중 하나:
  • bg - 배경 채우기
  • c - 차트 영역 채우기.
  • b<index> - 막대 그라데이션 채우기 (막대 그래프만 해당)입니다. <index>를 그라데이션으로 채울 막대의 계열 색인으로 바꿉니다. 예는 막대 차트 계열 색상을 참고하세요.
lg
그라데이션 채우기를 지정합니다.
<angle>
0 (가로)에서 90 (수직)까지의 그라데이션 각도를 지정하는 숫자입니다.
<color>
채우기의 색상으로, RRGGBB 16진수 형식으로 나타냅니다.
<color_centerpoint>
색상의 앵커 포인트를 지정합니다. 이 지점에서부터 다른 앵커에 가까워질수록 색상이 흐려지기 시작합니다. 값 범위는 0.0 (하단 또는 왼쪽 가장자리)~1.0 (상단 또는 오른쪽 가장자리)이며 <angle>로 지정된 각도로 기울어져 있습니다.

 

예시

설명 예시

차트 영역에 각도가 0도 (0)로 지정된 가로 선형 그라데이션이 있습니다.

색상은 복숭아색 (FFE7C6), 왼쪽(0.0 위치)에 중심이 되고, 파란색 (76A4FB)은 오른쪽 (1.0 위치)에 위치합니다.

차트 배경은 회색 (EFEFEF)으로 그려집니다.

연한 회색 배경과 왼쪽에서 오른쪽으로 흰색과 파란색의 선형 그라데이션이 적용된 차트 영역이 있는 진한 회색 선 차트

chf=
  c,lg,0,
  FFE7C6,0,(복숭아)
  76A4FB,1 (파란색)

차트 영역에는 45도 (45)의 각도로 지정된 대각선 (왼쪽 하단에서 오른쪽 상단) 선형 그라데이션이 있습니다.

지정된 첫 번째 색상은 피치 (FFE7C6)입니다. 차트의 왼쪽 하단은 순수한 복숭아색입니다.

파란색 (6A4FB)은 지정된 두 번째 색상입니다. 차트의 오른쪽 상단은 순수한 파란색입니다. 오른쪽 상단 모서리를 향해 서서히 사라지는 파란색 피크를 제공하기 위해 오프셋 0.75를 어떻게 지정하는지 확인하세요.

차트 배경은 회색 (EFEFEF)으로 그려집니다.

연한 회색 배경의 진한 회색 선 차트와 왼쪽 하단에서 오른쪽 상단으로 흰색 및 파란색의 대각선 선형 그라데이션으로 표시된 차트 영역

chf=
  c,lg,45,
  FFE7C6,0, (복숭아)
  76A4FB,0.75 (파란색)

차트 영역에는 90도 각도 (90)로 지정된 수직 (위에서 아래로) 선형 그라데이션이 있습니다.

파란색 (76A4FB)은 지정된 첫 번째 색상입니다. 차트 상단은 순수한 파란색입니다.

복숭아색 (FFE7C6)은 지정된 두 번째 색상입니다. 차트의 하단은 순수한 복숭아색입니다.

차트 배경은 회색 (EFEFEF)으로 그려집니다.

연한 회색 배경의 진한 회색 선 차트와 아래에서 위로 흰색에서 파란색으로의 수직 선형 그라데이션으로 표시된 차트 영역

chf=
  c,lg,90,
  FFE7C6,0, (복숭아)
  76A4FB,0.5 (파란색)

맨 위로

 

줄무늬 채우기 chf [선, 막대, Google-o-미터, 레이더, 분산형, 벤]

차트 영역 또는 전체 차트에 줄무늬 배경 채우기를 지정할 수 있습니다. (원형, Google-o-meter 차트: 백그라운드 전용)

문법

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
<fill_type>
채울 차트 영역입니다. 다음 중 하나:
  • bg - 배경 채우기
  • c - 차트 영역 채우기
  • b<index> - 막대 줄무늬 채우기 (막대 그래프만 해당) <index>를 스트라이프로 채울 막대의 시리즈 색인으로 바꿉니다. 예는 막대 그래프 계열 색상을 참고하세요.
ls
선형 스트라이프 채우기를 지정합니다.
<angle>
Y축을 기준으로 한 모든 줄무늬의 각도입니다. 세로 줄무늬에는 0를 사용하고 가로 줄무늬에는 90를 사용합니다.
<color>
이 스트라이프의 색상으로, RRGGBB 16진수 형식으로 나타냅니다. 추가 스트라이프마다 <color> 및 <width>를 반복합니다. 줄무늬가 2개 이상 있어야 합니다. 차트가 채워질 때까지 줄무늬가 번갈아 표시됩니다.
<width>
이 스트라이프의 너비로, 0부터 1까지로, 1는 차트의 전체 너비입니다. 차트가 채워질 때까지 줄무늬가 반복됩니다. 추가 스트라이프마다 <color> 및 <width>를 반복합니다. 줄무늬가 2개 이상 있어야 합니다. 차트가 채워질 때까지 줄무늬가 번갈아 표시됩니다.

 

예시

설명 예시
  • bg,ls,0 - y축과 0도 각도의 스트라이프로 채워진 배경 스트라이프입니다 (y축과 평행). 줄무늬는 차트 배경과 플롯 영역을 채웁니다.
  • CCCCCC,0.15 - 첫 번째 스트라이프는 차트 너비의 15% 인 진한 회색입니다.
  • FFFFFF,0.1 - 두 번째 스트라이프는 차트 너비의 10% 인 흰색입니다.
 왼쪽에서 오른쪽으로 회색과 흰색 줄무늬가 번갈아 가며 있는 파란색 선 차트
chf=
  bg,ls,0,
  CCCCCC,0.15,
  FFFFFF,0.1
  • c,ls,90 - y축에서 90도 각도인 가로 줄무늬가 있는 차트 영역 줄무늬가 플롯 영역을 채우지만 차트 배경은 생략됩니다.
  • 999999,0.25 - 첫 번째 스트라이프는 차트 너비의 25% 인 진한 회색입니다.
  • CCCCCC,0.25 - 첫 번째 줄무늬와 동일하지만 더 밝은 회색입니다.
  • FFFFFF,0.25 - 첫 번째 줄과 동일하지만 흰색입니다.
 아래에서 위로 진한 회색, 옅은 회색, 흰색 및 진한 회색 줄무늬가 있는 파란색 선 차트
chf=
  c,ls,90,
  999999,0.25,
  CCCCCC,0.25,
  FFFFFF,0.25

맨 위로

그리드 선 chg [선, 막대, 레이더, 분산형]

chg 매개변수를 사용하여 차트에 실선 또는 점선 그리드를 지정할 수 있습니다.

이 매개변수로는 선의 두께나 색상을 지정할 수 없습니다. 차트에서 선을 만드는 더 많은 방법은 도형 마커 (chm 유형 h, H, v 또는 V), 범위 마커 (chm), 축 눈금 표시 (chxtc)를 참고하세요.

문법

chg=
  <x_axis_step_size>,<y_axis_step_size>,<opt_dash_length>,<opt_space_length>,<opt_x_offset>,<opt_y_offset>
<x_axis_step_size>, <y_axis_step_size>
차트에 표시할 x 또는 y 그리드 선 수를 계산하는 데 사용됩니다. 100 / step_size = 차트의 그리드 선 수 따라서 20,25는 세로 그리드 선 5개와 가로 그리드 선 4개를 의미합니다.
<opt_dash_length>, <opt_space_length>
[선택사항] 파선 그리드 선을 정의하는 데 사용됩니다. 첫 번째 매개변수는 각 점선의 길이입니다(단위: 픽셀). 두 번째 매개변수는 대시 사이의 간격(픽셀)입니다. 실선의 경우 <opt_space_length>에 0을 지정합니다. 기본값은 4,1입니다.
<opt_x_offset>,<opt_y_offset>
[선택사항] x 및 y 그리드 선을 각각 오프셋하기 위한 차트 배율에 따른 단위 수입니다. 양수 또는 음수 값일 수 있습니다. 이 값을 지정하는 경우 앞의 값도 모두 지정해야 합니다. 기본값은 0,0입니다.

 

예시

설명 예시

이 예에서는 <x_axis_step_size> 및 <y_axis_step_size> 매개변수만 사용합니다. Chart API는 기본적으로 파선 그리드를 표시합니다.

 세로 5개 및 가로 옅은 회색 회색 파선 2개가 있는 선 차트
chg=20,50
세로 5개 및 가로 옅은 회색 회색 파선 2개가 있는 선 차트
chg=20,50

이 예에서는 더 큰 공간을 사용하여 더 밝은 그리드 선을 표시합니다 (1,5).

 세로 5개 및 가로 2개의 희미한 연회색, 파선 격자선이 있는 선 차트
chg=20,50,1,5

실선 그리드를 표시하려면 <opt_space_length> 매개변수에 0 (0)을 지정합니다.

또한 이 차트는 10의 x축 오프셋을 지정합니다.

 세로 5개 및 가로 2개(옅은 회색, 실선 격자선)가 있는 선 차트
chg=20,50,1,0,10

이 차트는 x축 오프셋 10과 y축 오프셋 20을 보여줍니다.

 세로 5개 및 가로 2개(옅은 회색, 실선 격자선)가 있는 선 차트
chg=20,50,3,3,10,20

맨 위로

선 스타일 chls [선, 레이더]

chls 매개변수를 사용하여 선 두께와 실선/점선 스타일을 지정할 수 있습니다. 이 매개변수는 선 차트 또는 방사형 차트에서 선의 스타일을 지정하는 데만 사용할 수 있으며 복합 차트의 기본 유형이 선 차트가 아닌 한 복합 차트 선의 선 스타일을 지정하는 데 사용할 수 없습니다.

문법

여러 선 스타일은 파이프 문자 ( |)로 구분합니다. 첫 번째 스타일은 첫 번째 줄에, 두 번째가 다음 줄에 적용되는 식입니다. 스타일이 선보다 적으면 지정되지 않은 모든 선에 기본 스타일이 적용됩니다.

chls=
  <line_1_thickness>,<opt_dash_length>,<opt_space_length>
    |...|
  <line_n_thickness>,<opt_dash_length>,<opt_space_length>
<line_1_thickness>
선의 두께입니다(단위: 픽셀).
<opt_dash_length>, <opt_space_length>
[선택사항] 파선 그리드 선을 정의하는 데 사용됩니다. 첫 번째 매개변수는 각 점선의 길이입니다(단위: 픽셀). 두 번째 매개변수는 대시 사이의 간격(픽셀)입니다. 실선의 경우 두 값을 모두 지정하지 마세요. <opt_dash_length>만 지정하면 <opt_space_length>가 <opt_dash_length>로 설정됩니다. 기본값은 1,0 (실선)입니다.

 

예시

설명 예시

여기에서 파선은 3,6,3로 지정되고 더 두꺼운 실선은 5로 지정됩니다.

 실선 1개와 파선 1개가 있는 선 차트
chls=3,6,3|5

맨 위로

동적 아이콘 마커 chem [막대, 선, 레이더, 분산형]

차트를 만들고 하나 이상의 동적 아이콘을 chem 값으로 지정합니다. chem의 구문은 다음과 같습니다. 세미콜론으로 구분된 자주색 항목은 선택사항이며 URL에서 하나라도 생략할 수 있습니다. | 문자로 구분된 여러 구문 문자열을 포함하여 마커를 여러 개 포함할 수 있습니다. 동적 아이콘에 관한 자세한 내용은 동적 아이콘 페이지를 참고하세요.

차트를 다른 차트 내에 동적 아이콘으로 삽입할 수도 있습니다. 아래의 삽입된 차트 하위 섹션을 참고하세요.

chem=
  y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
   |...|
  y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
s=<icon_string_constant>
동적 아이콘 페이지에서 가져온 동적 아이콘의 문자열 마커 상수입니다. 이 상수는 독립형 아이콘의 chst 매개변수와 거의 동일합니다. 하지만 독립형 아이콘 문자열이 'd_'로 시작하는 경우 이에 상응하는 동적 아이콘 마커를 얻으려면 이 접두사를 삭제해야 합니다. 예: 독립형 아이콘: d_bubble_icon_text_small, 상응하는 동적 아이콘 마커: bubble_icon_text_small
d=<marker_data_string>
이 특정 마커 유형에 필요한 데이터입니다. 여기에는 동등한 독립형 아이콘의 chld 매개변수에 사용되는 것과 동일한 문자열이 포함됩니다. 단, 모든 | 구분자를 쉼표로 대체해야 하는 경우는 예외 입니다 (여러 줄 텍스트에는 파이프 마커 대신 쉼표를 사용해야 함). 데이터 문자열 내에서 pipe ( | ) , at ( @ ) , equals ( = ), 쉼표 ( , ), 세미콜론 ( ; )을 @ 기호를 사용하여 이스케이프 처리해야 합니다. 예: hello@,+world, 5@@10+cents+each
ds=<which_series>
[선택사항] 이 마커가 속한 데이터 계열의 0부터 시작하는 색인입니다. 기본값은 0입니다.
dp=<which_points>
[선택] 마커를 그리는 데 사용할 데이터 포인트를 지정합니다. 기본값은 0 (시리즈의 첫 번째 포인트)입니다. 다음 형식 중 하나를 사용합니다.
  • n.d - 마커를 그릴 데이터 포인트입니다. 여기서 n.d는 계열에서 0부터 시작하는 색인입니다. 정수가 아닌 값을 지정하면 분수가 계산된 중간점을 나타냅니다. 예를 들어 3.5는 지점 3과 지점 4 사이의 중간 지점을 의미합니다.
  • range,<start>,<end>,<step> - 시작부터 종료(포함)까지의 범위에 있는 모든 단계 데이터 포인트에 마커를 그립니다. 시작 및 끝은 색인 값이며 중간값을 나타내는 부동 소수점 숫자일 수 있습니다. 모든 값은 선택사항입니다. 기본값은 start=0, end=마지막 항목, step=1입니다. 값을 건너뛰는 경우에도 중간 쉼표를 포함해야 하지만 빈 후행 쉼표를 포함할 필요는 없습니다. 예: dp=range,0,4는 요소 0~4에 마커를 그립니다. dp=range,5,10,2는 요소 5, 7, 9에 마커를 그립니다. dp=range,2는 세 번째 이상의 점에 점을 그립니다. dp=range,3,,1.5는 네 번째 항목에서 마지막 항목까지 1.5개의 데이터 포인트마다 마커를 그립니다.
  • all - 모든 요소에 마커를 그립니다. range,0,end_index와 동일합니다. 예: dp=all
  • every,n - n번째 마커마다 마커를 그립니다. 예: dp=every,2는 항목 0, 2, 4에 마커를 그립니다.
py=<z_order>
[선택사항] 다른 마커 및 다른 모든 차트 요소와 비교하여 마커를 그릴 레이어입니다. -1.0부터 1.0까지의 부동 소수점 숫자이며, -1.0이 최저점, 1.0이 최상단입니다. 차트 요소(선 및 막대)가 0 바로 아래에 있습니다. 두 마커의 값이 동일한 경우 URL에 지정된 순서대로 그려집니다. 기본값은 0.0 (차트 요소 바로 위)입니다.
po=<x,y>
[선택사항] 차트에서 마커를 그리는 절대 위치입니다. x와 y는 두 개의 부동 소수점 숫자입니다. 여기서 0.0,0.0은 왼쪽 하단이고 1.0,1.0은 오른쪽 상단입니다.
of=<x_offset,y_offset>
[선택사항] 아이콘을 일반적인 위치에서 오프셋할 픽셀 수입니다. x_offset 및 y_offset은 양의 정수 또는 음의 정수입니다. 삽입된 동적 아이콘에 이 값을 지정하는 것이 중요합니다. 마커가 점 위에서 수직 및 수평으로 중앙에 배치되므로 점이 데이터 마커와 일치하지 않을 가능성이 높기 때문입니다. 수직 핀의 적절한 오프셋은 of=0,22입니다. 비스듬한 핀의 적절한 오프셋은 경사 방향에 따라 of=-12,20 또는 of=12,20이지만 실험해야 할 수도 있습니다. 기본값은 0,0입니다.

 

예시

설명 예시
다음은 독립형 이미지로 만들어 선 차트에서 마커로 사용되는 동일한 동적 아이콘의 예입니다.

차트 1: 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

차트 2: https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000

동적 아이콘 마커가 있는 선 차트입니다.
chem=
  y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0

독립형 이미지와 동일한 동적 아이콘 마커입니다.


chst=
  d_bubble_icon_text_small
chld=
  ski|bb|Wheeee!|FFFFFF|000000

동적 아이콘 마커는 포인트의 가로 및 세로 중앙에 배치됩니다. 따라서 꼬리가 있는 동적 아이콘을 사용할 경우 꼬리가 차트 포인트에 표시되지 않고 마커 중심이 표시됩니다. 첫 번째 차트는 데이터 포인트 3의 중심에 표시를 배치하여 실제로는 선의 표시 오른쪽 부분에 꼬리를 위치시킵니다.

두 번째 차트는 of 값을 사용하여 원하는 데이터 포인트 위로 마커의 꼬리를 이동합니다. 비스듬한 핀의 적절한 오프셋은 -12,20입니다.
chem=y;
  s=map_xpin_letter;
  d=pin_sleft,A,FF0000;
  dp=3;
  ds=1

chem=y;
  s=map_xpin_letter;
  d=pin_sleft,A,FF0000;
  dp=3;
  ds=1;
  of=-12,0

여러 동적 아이콘을 포함하려면 | 문자로 구분된 구문 문자열을 반복합니다.

이 예에서는 범위와 개별 마커 두 개를 보여줍니다.

수직 핀의 오프셋이 0,22이고 경사 핀의 오프셋이 12,20이므로 핀 포인트가 설명하는 계열에 맞게 정렬되는 방식을 확인하세요.
chem=
  y;s=map_xpin_letter;d=pin_sright,A,FF0000;dp=4;ds=0;py=1;of=12,20|
  y;s=map_pin_icon;d=baby,FF5555;ds=1;dp=6;of=0,22|
  y;s=map_pin_icon;d=camping,DEF763;ds=2;dp=range,2,5
여러 줄의 텍스트 마커를 보여줍니다. 텍스트를 추가한 후에는 마커를 오프셋해야 합니다. 텍스트에 맞게 도움말 풍선의 크기가 조절되어 차트에서 다시 중앙에 배치되기 때문입니다. 텍스트의 줄바꿈이 d 데이터 문자열에서 쉼표로 어떻게 표시되는지 확인합니다.
chem=y;
  s=bubble_texts_big;
  d=bbbr,FFC6A5,000000,Outlier,Forgot+to+feed;
  ds=0;
  dp=13;
  of=-120,2

삽입된 차트

동적 아이콘 구문을 사용하여 한 차트를 다른 차트 내에 삽입할 수 있습니다.

삽입된 차트 마커에는 풍선형 차트와 풍선이 없는 삽입된 차트, 두 가지 스타일이 있습니다. 다음은 두 가지 모두에 대한 예입니다.

풍선형 차트
풍선형 차트
풍선이 없는 차트

다음은 풍선이 아닌 차트와 풍선 삽입 차트용 s=<icon_string_constant>;d=<marker_data_string> 매개변수에 관한 세부정보입니다 (위에서 설명한 매개변수는 여기에서 다시 설명하지 않음).

문법

Non-bubble:
  chem=y;s=ec;d=<alignment_string>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>

Bubble:
  chem=y;s=ecb;d=<frame_type>,<padding>,<frame_color>,<fill_color>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>
alignment_string
[풍선이 아닌 경우에만] 풍선이 없는 삽입된 차트에서 데이터 포인트에 고정되는 부분 다음 다이어그램에서 2자리 문자열 상수 중 하나를 선택합니다.정렬 문자열
chart_data
삽입된 차트의 데이터입니다. 삽입할 차트의 URL에서 https://chart.googleapis.com/chart? 다음에 나오는 모든 문자입니다. 아래 도구를 사용하거나 도구 아래에 나열된 규칙을 따르세요.
frame_type
[풍선만 해당] 동적 아이콘 프레임 스타일 상수 중 하나입니다.
패딩
[풍선만 해당] 풍선 내부의 패딩(픽셀)입니다.
frame_color
[풍선만 해당] 프레임 색상으로, # 기호 없이 6자리 HTML 색상 문자열로 표현됩니다. 예를 들면 FF00FF입니다.
fill_color
[풍선만 해당] 풍선 채우기 색상이며 # 기호 없이 6자리 HTML 색상 문자열로 지정됩니다. 예를 들면 FF00FF입니다.

삽입된 차트 데이터

다음 변환 도구를 사용하여 차트 문자열을 생성하거나 도구 뒤에 제공된 규칙에 따라 차트 문자열을 수동으로 생성하세요.

수동 전환 규칙

1. 먼저 매개변수와 값 쌍에 있는 다음 문자를 표시된 순서대로 다음 값으로 바꿉니다.

바꾸기 이
%7C 또는 %7c
|
@
@@
%
%25
,
@,
|
@|
;
@;
및
%26
=
%3일

2. 그런 다음 parameter1=value1&parameter2=value2... 쌍의 모든 & 및 = 값을 쉼표로 바꿉니다.

맨 위로

선이 chm를 채움 [선, 레이더]

데이터 선 아래 영역을 단색으로 채울 수 있습니다.

파이프 문자 ( |)를 사용하여 선 채우기를 다른 chm 매개변수와 결합하여 chm 매개변수를 구분할 수 있습니다.

문법

chm=
  <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
    |...|
  <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
<b_or_B>
차트의 하단까지 채울지, 아니면 다음 하위 선까지 채울지 선택합니다.
  • B - <start_line_index>에서 차트 하단으로 채웁니다. <end_line_index>는 차트의 세그먼트를 채울 수 있는 특수 구문을 지원합니다. 채우려는 선으로 된 차트가 있는 경우 가장 쉽습니다.
  • b - 다선형 차트에서 두 선 사이에 채우기 시작 및 끝 줄은 <start_line_index> 및 <end_line_index>로 표시됩니다.
<color>
채우기 색상의 RRGGBB 형식 16진수입니다.
<start_line_index>
채우기가 시작되는 줄의 색인입니다. chd에 지정된 첫 번째 데이터 계열의 색인은 0 (0)이고 두 번째 데이터 계열의 색인은 1입니다.
<end_line_index>
  • 채우기 유형 'b' - 채우기를 중지할 선입니다. 이 줄은 현재 줄 아래에 있어야 합니다.
  • 채우기 유형 'B' - 다음 선택사항 중 하나입니다.
    • 임의의 값 - 이 매개변수의 단일 숫자는 무시되고 채우기가 지정된 선에서 차트의 맨 아래로 이동합니다.
    • start:end - 차트 아래의 세로 슬라이스를 채우려면 start:end를 지정합니다. 여기서 채우기를 시작하고 중지할 위치를 설명하는 데이터 포인트 색인입니다. 두 값 모두 선택사항이며 기본값은 first_point:last_point입니다. 아래 예를 참고하세요.
<0>
예약됨 — 0이어야 합니다.

 

예시

설명 예시

단일 계열의 경우 chm=B를 사용하는 것이 가장 간단합니다. 그러면 선 아래의 전체 영역이 채워집니다.

방사형 차트에서 사용할 수 있는 유일한 채우기 영역 유형입니다. chm=b는 방사형 차트에서 작동하지 않습니다.


chm=B,76A4FB,0,0,0

다음은 두 개의 선과 두 개의 채우기가 있는 차트입니다. 하단 줄과 상단 줄 위의 영역을 채우려면 특별한 기술이 필요하며, 이 기법은 다음 단계에서 다룹니다.


chd=s:
cefhjkqwrlgYcfgc,
QSSVXXdkfZUMRTUQ,
HJJMOOUbVPKDHKLH,

chm=
b,224499,0,1,0| (파란색)
b,FF0000,1,2,0| (빨간색)

다선형 차트에서 차트 상단에서 첫 번째 선까지 채우려면 데이터 형식에 대해 가장 높은 데이터 값의 사본 2개가 포함된 계열을 포함합니다. 예를 들어 확장 인코딩에는 '....', 기본 텍스트 형식에는 '100,100' 등이 있습니다. 이 계열에서 맨 위 행까지 채웁니다.

마지막 선부터 차트 하단까지 채우려면 데이터 형식의 최저 데이터 값 사본 2개가 포함된 계열을 포함하세요. 예를 들어 확장 인코딩에는 AAAA, 기본 텍스트 형식에는 0,0 등이 있습니다.

선 자체는 chco를 사용하여 검은색으로 그려집니다.

 차트의 세 개 선. 차트는 아래에서 첫 번째 선까지 녹색으로, 첫 번째 줄에서 두 번째 줄까지는 빨간색으로, 두 번째 줄에서 세 번째 줄에서 진한 파란색으로, 세 번째 줄에서 차트 상단까지 연한 파란색으로 음영 처리됩니다.
chd=e:
  ...., (가장 높은 값)
  cefhjkqwrlgYcfgc,
  QSSVXXdkfZUMRTUQ,
  HJJMOOUbVPKDHKLH,
  AAAA (0 값)
chm=
  b,76A4FB,0,1,0| (연한 파란색)
  b,224499,1,2,0| (파란색)
  b,FF0000,2,3,0| (빨간색)
  b,80C65A,3,4,0 (녹색)
chco=000000

다음은 세로 채우기 슬라이스가 있는 선 차트입니다. 이렇게 하려면 줄 채우기 유형 'B'를 사용하여 <end_line_index>의 start:end 쌍을 지정합니다.

  • B,76A4FB,0,0:3,0 - 0번 줄 아래의 파란색 세로 채우기, 데이터 포인트 0~3으로 바인딩됩니다.
  • B,990000,0,7:10,0 - 0번 줄 아래 빨간색 세로 채우기, 데이터 포인트 7~10으로 경계
  • B,DEDC06,0,12:,0 - 데이터 포인트 12부터 계열 끝까지의 0번 선 아래에 노란색 세로 채우기
chm=
  B,76A4FB,0,0:3,0|
  B,990000,0,7:10,0|
  B,DEDC06,0,12:,0

이 예는 방사형 차트에서 선 채우기를 사용하는 방법을 보여줍니다.

 방사형 차트
chm=
  B,FF000080,0,1.0,5.0|
  B,FF990080,1,1.0,5.0

맨 위로

도형 마커 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_which_points>가 x:y 형식을 사용해야 합니다.
<마커_유형>
사용할 마커 유형입니다. 다음 유형 중 하나를 지정합니다.
  • a - 화살표
  • c - 교차
  • C - 직사각형. 직사각형 마커의 경우 데이터 계열이 2개 이상 있어야 합니다. 계열 0은 하단 가장자리를 지정하고 계열 1은 상단 가장자리를 지정합니다. <size>는 직사각형의 너비를 픽셀 단위로 지정합니다.
  • d - 다이아몬드
  • E - 오류 막대 마커 ( ) 이 마커에는 만들려면 두 개의 데이터 계열이 필요합니다. 하나는 하단에, 하나는 두 번째 계열의 상단에 해당하는 값입니다. 또한 확장된 <size> 구문, 즉 line_thickness[:top_and_bottom_width] 를 노출합니다. 여기서 top_and_bottom_width는 선택사항입니다. 아래 예시를 참조하세요.
  • h - 지정된 높이에서 차트를 가로지르는 가로선입니다. (<opt_which_points> 매개변수에 유효한 유일한 형식은 n.d입니다.)
  • H - 지정된 데이터 마커를 통과하는 가로선입니다. 이는 확장된 <size> 문법을 지원하므로 정확한 선 길이를 지정할 수 있습니다. line_thickness[:length]. 여기서 :length는 선택사항이며 기본값은 전체 차트 영역 너비입니다.
  • o - 서클
  • s - 정사각형
  • v - x축에서 데이터 포인트까지의 수직선
  • V - 길이를 조정할 수 있는 수직선입니다. 이는 확장된 <size> 값 문법을 지원하므로 정확한 선 길이를 지정할 수 있습니다. line_thickness[:length]. 여기서 :length는 선택사항이며 기본값은 전체 차트 영역 높이입니다. 마커가 데이터 포인트의 중앙에 위치합니다.
  • x - X
<color>
: 이 계열의 마커 색상으로, RRGGBB 16진수 형식으로 나타냅니다.
<series_index>
마커를 그릴 데이터 계열의 0부터 시작하는 색인입니다. h 마커 및 x/y 위치로 위치를 지정하는 마커(@ 문자로 시작)의 경우 무시됩니다. 숨겨진 데이터 계열을 마커의 소스로 사용할 수 있습니다. 자세한 내용은 복합 차트를 참고하세요. 그룹화된 세로 막대 그래프는 마커를 특정 막대에 맞춰 정렬하는 특수 확장 구문을 지원합니다.
<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에는 데이터 포인트보다 두 배 많은 마커가 배치됩니다.
  • start:end:n - 시작부터 종료 색인 값(포함)까지의 범위에서 n번째 데이터 포인트마다 마커를 그립니다. 모든 매개변수는 선택사항이므로 (없는 경우도 있으므로) 3::1은 네 번째 요소에서 마지막인 1단계까지이고 이 매개변수를 완전히 생략하면 기본값이 first:last:1이 됩니다. 모든 값은 부동 소수점 숫자일 수 있습니다. 마지막 값에서 역순으로 계산하기 위해 start와 end는 음수일 수 있습니다. start와 end가 모두 음수이면 증가하는 값으로 나열되어야 합니다 (예: -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
  • reserved - 비워둡니다.
  • <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 - 세로선에서 차트 상단부터 상단까지, 첫 번째 계열, 8번째 포인트, 너비 1픽셀
  • x,FFCC33,0,8.0,20.0 - 노란색 'X', 첫 번째 계열, 9번째 점, 크기 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는 0.5점마다). 두 번째 지점마다 마커가 있는 선 차트
chd=t:
  0,20,20,50,40,70,70,90,85,45,40,50
chm=
  o,0066FF,0,-.5,6
이 예에서는 h 및 v 마커를 사용하여 맞춤 색상 및 두께로 그리드 선을 만드는 방법을 보여줍니다. 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:8066,1,2,5:8066,1,2,5:8066,1,2,5:3
chm=
  E,000000,0,6,1:20|
  H,990066,1,2,5:50|
  V,3399CC,0,8,3:50

맨 위로

텍스트 및 데이터 값 마커 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>
<마커_유형>
사용할 마커 유형입니다. 다음 유형 중에서 선택할 수 있습니다.
  • f<text> - 텍스트를 포함하는 플래그입니다. 문자 'f'를 지정하고 그 뒤에 커스텀 URL로 인코딩된 텍스트를 지정합니다. 텍스트 마커에서 쉼표를 이스케이프 처리하려면 쉼표 앞에 \ 기호를 붙입니다. 예: fHello\,+World!
  • t<text> - 간단한 텍스트 마커입니다. 't' 문자 다음에 커스텀 URL로 인코딩된 텍스트를 지정하세요. 텍스트 마커에서 쉼표를 이스케이프 처리하려면 쉼표 앞에 \ 기호를 붙입니다. 예: tHello\,+World!
  • A<text> - 주석 마커입니다. 이는 플래그 마커와 비슷하지만 마커가 겹치지 않도록 위치가 조정됩니다. <opt_which_points>에 유효한 유일한 형식은 계열에 있는 지점의 색인을 나타내는 n.d입니다.
  • 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이 됩니다. 모든 값은 부동 소수점 숫자일 수 있습니다. 마지막 값에서 역순으로 계산하기 위해 start와 end는 음수일 수 있습니다. start와 end가 모두 음수이면 증가하는 값으로 나열되어야 합니다 (예: -6:-1:1). n 단계 값이 1보다 작으면 주어진 데이터 값을 보간하여 추가 데이터 포인트를 계산합니다. 기본값은 first:last:1입니다.
  • x:y - [N형 마커에는 지원되지 않음] 차트의 특정 x/y 지점에 마커를 그립니다. 이 지점은 선 위에 있지 않아도 됩니다. 이 옵션을 사용하려면 마커 유형 앞에 at 문자 (@)를 추가합니다. 좌표를 부동 소수점 값으로 지정합니다. 여기서 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*)는 데이터 값 마커를 지정합니다. 데이터 값 마커를 백분율로 표시하고 소수점 이하 0자리까지 반올림되어 검은색으로 표시합니다(11포인트 텍스트로 표시). 데이터 값은 모두 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
스위스의 도시 고도를 보여주는 주석 마커의 또 다른 예는 다음과 같습니다.

맨 위로

범위 마커 chm [막대, 원통형, 선, 레이더, 분산형]

배경 채우기의 가로 또는 세로 밴드에 색상을 지정하여 차트의 특정 영역을 강조할 수 있습니다.

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

문법

그릴 각 밴드에 대해 다음 매개변수 중 하나를 지정합니다. 여러 밴드를 그리려면 파이프 문자로 구분된 추가 매개변수 집합을 만듭니다. 범위는 지정된 순서대로 그려지므로, 그려진 마지막 범위가 이전 범위 위에 그려집니다.

chm=
  <direction>,<color>,0,<start_point>,<end_point>
    |...|
  <direction>,<color>,0,<start_point>,<end_point>
<direction>
가로 또는 세로 음영을 지정합니다. 가로 범위에 r를, 세로 범위에 R를 사용합니다.
<color>
RRGGBB 형식의 16진수로 표시된 범위 색상입니다.
0
예약됨 — 0이어야 합니다.
<start_point>
범위의 시작 위치입니다.
  • 가로 범위 마커의 경우 Y축의 위치입니다. 여기서 0.00는 차트의 하단이고 1.00는 차트의 상단입니다.
  • 세로 범위 마커의 경우 x축상의 위치입니다. 여기서 0.00는 차트의 왼쪽이고 1.00는 차트의 오른쪽입니다.
<end_point>
범위의 종료 위치입니다.
  • 가로 범위 마커의 경우 Y축의 위치입니다. 여기서 0.00는 차트의 하단이고 1.00는 차트의 상단입니다.
  • 세로 범위 마커의 경우 x축상의 위치입니다. 여기서 0.00는 차트의 왼쪽이고 1.00는 차트의 오른쪽입니다.

 

예시

설명 예시

범위 마커는 가는 선 또는 색상 밴드일 수 있습니다.

  • r,E5ECF9,0,0.75,0.25 - 범위 마커, 연한 파란색(예약됨), 차트 높이의 0.5
  • r,000000,0,0.1,0.11 - 범위 마커인 검은색(예약됨)은 y축 위쪽 0.1에서 시작하고 y축 위쪽 (가는 검은색 선)의 0.11에서 끝납니다.
 y축 위 25%에서 75%까지 옅은 파란색 가로 밴드가 있고 y축 위쪽의 10% 지점에 있는 가는 가로선이 있는 선 차트
chm=
  r,E5ECF9,0,0.75,0.25|
  r,000000,0,0.1,0.11

이 예에서는 세로 범위 마커를 보여줍니다. 첫 번째 아이콘은 빨간색 선 (FF0000)이고 두 번째 아이콘은 연한 파란색 밴드 (A0BAE9)입니다.

 x축을 따라 25%에서 75%까지 연한 파란색 수직선이 있고 x축을 따라 10% 길이의 가는 수직선이 있는 선 차트
chm=
  R,FF0000,0,0.1,0.11|
  R,A0BAE9,0,0.75,0.25

마커는 지정된 순서대로 그려집니다. 이 예에서는 빨간색 세로 마커가 연한 파란색 가로 마커보다 먼저 그려진 것을 확인할 수 있습니다.

 x축과 y축을 따라 각각 25%에서 75%까지 늘어난 파란색 수직 밴드와 더 밝은 파란색 가로 밴드가 있는 선 차트 x축과 y축을 따라 각각 10% 길이의 빨간색 세로 선과 가는 검은색 가로 선
chm=
  R,FF0000,0,0.1,0.11|
  R,A0BAE9,0,0.75,0.25|
  r,E5ECF9,0,0.75,0.25|
  r,000000,0,0.1,0.11

다음은 범위 마커를 사용하여 차트에서 0선, 중간점, 상단에 희미한 가로선을 그리는 선 차트의 예입니다.

 노란색 선 1개와 동일한 간격의 가로선 3개가 있는 스파크라인
chm=
  r,000000,0,0.499,0.501|
  r,000000,0,0.998,1.0|
  r,000000,0,0.0,0.002

맨 위로

원통형 마커 chm=F [막대, 선]

원통형 마커는 데이터 계열의 분산과 방향 변경을 나타냅니다. 주로 하루 동안의 주가를 표시하는 데 사용됩니다. 마커에는 최고값과 최저값, 특정 기간 (일반적으로 하루)의 시가 및 종가를 보여주는 세그먼트가 포함됩니다. 원통형 마커에 대한 자세한 내용은 여기를 참고하세요.

원통형 마커는 수직선으로 이등분된 직사각형으로 그려집니다. 원통형 마커를 그리려면 4개의 데이터 계열이 필요합니다. 각 계열이 지정하는 항목은 다음과 같습니다.

  • 시리즈 1 및 4는 각각 수직선의 하단과 상단을 지정합니다. 이는 일반적으로 그날의 낮은 값과 높은 값을 나타냅니다.
  • 시리즈 2 및 3은 직사각형의 세로 테두리를 지정합니다. 계열 2는 시가이고 계열 3은 종가입니다. 직사각형의 색상은 어느 것이 더 높은지에 따라 다릅니다. 시작값 (시리즈 2)이 종가 (시리즈 3)보다 낮으면 가격이 증가했고 직사각형은 기본적으로 녹색으로 채워져 있습니다. 시가 (시리즈 2)가 종가 (시리즈 2)보다 높으면 가격이 감소하고 직사각형은 기본적으로 빨간색으로 채워진 단색으로 채워집니다. 감소하는 값을 사용하여 직사각형의 채우기 색상만 지정할 수 있습니다. 이를 지정하면 증가하는 값이 있는 직사각형이 채워지지 않습니다 (비어 있음). 시리즈 2는 가격이 상승했는지에 따라 직사각형의 상단 또는 하단이 될 수 있습니다.

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

참고: 마커를 그리는 데 사용되는 데이터의 선이 차트에 표시되지 않도록 하려면 형식 유형 뒤에 0을 포함해야 합니다. 예를 들어 텍스트 형식 데이터 문자열의 chd=t0:10,20,30,40입니다. 자세한 내용은 복합 차트를 참고하세요.

다음 예는 각 계열의 줄을 보여줍니다.

문법

chm=
  F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>
금
원통형 마커임을 나타냅니다.
<opt_declining_color>
[선택사항] 값이 감소하는 경우(계열 2 값이 상응하는 계열 3 값보다 큰 경우) 직사각형의 채우기 색상입니다. RRGGBB 형식의 16진수입니다. 값이 증가하면 직사각형이 비어 있게 됩니다. 기본값은 증가하려면 녹색으로, 감소하려면 빨간색으로 계속합니다 (증가하는 값에는 맞춤 채우기 색상을 지정할 수 없음).
<data_series_index>
원통형 마커의 첫 번째 계열로 사용할 데이터 계열의 색인입니다. 이는 0부터 시작하는 색인입니다. 따라서 여기에서 1을 지정하고 계열이 6개 있으면 두 번째, 세 번째, 네 번째, 다섯 번째가 원통형 마커를 그리는 데 사용됩니다.
<opt_which_points>
[선택] 마커를 그리는 데 사용할 데이터 포인트를 지정합니다. 기본값은 모든 마커입니다. 다음 형식 중 하나를 사용합니다.
  • n.d - 계열의 단일 점에 마커를 그립니다. 여기서 n.d는 계열에 있는 점의 색인입니다. 정수가 아닌 값을 지정하면 분수는 계산된 중간점을 나타냅니다. 예를 들어 3.5는 지점 3과 지점 4 사이의 중간 지점을 의미합니다.
  • -1 - 모든 데이터 포인트에 마커를 그립니다. 이 매개변수를 비워 두면 모든 마커에 그릴 수도 있습니다.
  • -n - n번째 데이터 포인트마다 마커를 그립니다.
  • start:end:n - start부터 end 색인 값(포함)까지의 범위에서 n번째 데이터 포인트마다 마커를 그립니다. 모든 매개변수는 선택사항이므로 (없는 경우도 있으므로) 3::1은 네 번째 요소에서 마지막인 1단계까지이고 이 매개변수를 완전히 생략하면 기본값이 first:last:1이 됩니다. 모든 값은 부동 소수점 숫자일 수 있습니다. 마지막 값에서 역순으로 계산하기 위해 start와 end는 음수일 수 있습니다. start와 end가 모두 음수이면 증가하는 값으로 나열되어야 합니다 (예: -6:-1:1). n 단계 값이 1보다 작으면 주어진 데이터 값을 보간하여 추가 데이터 포인트를 계산합니다. 기본값은 first:last:1입니다.
<너비>
모든 직사각형의 너비입니다(단위: 픽셀).
<opt_z_order>
[선택사항] 다른 마커 및 다른 모든 차트 요소와 비교하여 마커를 그릴 레이어입니다. -1.0~1.0 사이의 부동 소수점 숫자이며 -1.0이 최저점, 1.0이 최상단입니다. 차트 요소(선 및 막대)가 0보다 작습니다. 두 마커의 값이 동일한 경우 URL에 지정된 순서대로 그려집니다. 기본값은 0.0입니다 (차트 요소 바로 위).

 

예시

설명 예시

다음은 4개의 계열이 있는 선 차트의 원통형 마커 예입니다. 맞춤 채우기 색상 0000FF (파란색)가 지정되었으며 이 색상은 계열 3의 점이 계열 2의 해당 점보다 작을 때 직사각형을 채우는 데 사용됩니다.

첫 번째와 마지막 직사각형은 차트로 잘립니다. 이러한 값을 제거하려면 chm의 네 번째 매개변수에 1:4를 지정하면 됩니다.

계열의 줄을 숨기려면 데이터 문자열의 0에 주목하세요(chd=t0). 이는 모든 차트 데이터가 마커에 사용됨을 나타냅니다.

<which_point> 매개변수가 비어 있으며 모든 데이터 포인트에 원통을 그립니다.

주황색 선 4개와 재무 마커 4개가 있는 선 차트

chd=t0:
  0, 5,10, 7,12, 6|
  35,25,45,47,24,46|
  15,40,30,27,39,54|
  70,55,63,59,80,60
chm=F,0000FF,0,,20

다음은 동일한 차트의 기본 색상을 사용하고 첫 번째와 마지막 항목을 삭제하는 예입니다.

복합 차트입니다. 선 차트 (기본 차트 유형)와 원통형 마커가 조합된 형태입니다. cht=t:1의 값이 1이면 첫 번째 이후 모든 데이터 계열이 기본 차트 유형 (선 차트)에서 숨겨져야 합니다. chm=F,,1,1:4,20의 첫 번째 1은 원통형 데이터가 계열 2, 3, 4, 5에서 비롯됨을 의미합니다 (1은 0 기반임). 이와 같은 복합 차트를 그리는 방법에 대한 자세한 내용은 복합 차트를 참고하세요.

주황색 선 1개와 재무 마커 4개가 있는 선 차트입니다.
cht=lc
chm=
  F,,1,1:4,20
chd=t1:
  15,40,30,27,39,54|
  ...

맨 위로

선 마커 chm=D [막대, 원통형, 선, 레이더, 분산형]

차트에 데이터를 추적하는 선을 추가할 수 있습니다. 복합 차트에서 가장 많이 사용됩니다.

여러 줄을 추가하거나 이를 다른 chm 마커와 결합하려면 파이프(|) 구분 기호를 사용하여 chm 매개변수 집합을 구분합니다. 이 매개변수로는 점선 마커를 만들 수 없습니다.

문법 

chm=
  D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>
D
선 마커임을 나타냅니다.
<color>
선의 색상으로, RRGGBB 16진수 형식으로 나타냅니다.
<series_index>
선을 그리는 데 사용되는 데이터 계열의 색인입니다. 데이터 계열 색인은 첫 번째 데이터 계열의 경우 0이고 두 번째 데이터 계열의 경우 1입니다.
<which_points>
선을 그리는 데 사용할 일련의 점 다음 값 중 하나를 사용하세요.
  • 0 - 계열의 모든 점을 사용합니다.
  • start:end - start부터 end까지 특정 범위의 점 범위를 사용합니다 (0부터 시작하는 색인). 또한 부동 소수점 값을 사용해 중간점을 지정하거나 start 또는 end를 비워 두어 각각 첫 번째 또는 마지막 데이터 포인트를 나타낼 수 있습니다. start와 end는 마지막 값의 역 색인인 음수일 수 있습니다. start와 end가 모두 음수이면 증가하는 값(예: -6:-1)으로 작성해야 합니다.
<size>
선의 너비입니다(픽셀 단위).
<opt_z_order>
[선택사항] 다른 마커 및 다른 모든 차트 요소와 비교하여 마커를 그릴 레이어입니다. -1.0~1.0 사이의 부동 소수점 숫자이며 -1.0이 최저점, 1.0이 최상단입니다. 차트 요소(선 및 막대)가 0보다 작습니다. 두 마커의 값이 동일한 경우 URL에 지정된 순서대로 그려집니다. 기본값은 0.0입니다 (차트 요소 바로 위).

 

예시

설명 예시

다음은 막대 그래프에 마커 선을 그리는 예입니다. z 순서가 1로 설정되므로 선이 막대 위에 그려집니다.

이 예에서는 막대와 데이터 선에 동일한 데이터를 사용합니다.		 선 마커가 있는 막대 그래프
chm=D,0033FF,0,0,5,1
chd=s:1XQbnf4

같은 막대 그래프이지만 선에 대한 추가 데이터 계열이 있습니다. 다음은 복합 차트의 예입니다. 복합 차트는 chd 매개변수에 데이터 계열을 추가하고 차트에서 추가 데이터 계열을 '무시'하도록 chd에 값을 지정하여 그립니다.

자세한 내용은 복합 차트를 참고하세요.

 선 마커가 있는 막대 그래프
chm=D,0033FF,1,0,5,1
chd=s1:1XQbnf4,43ksfg6

맨 위로

Data Functions chfd [전체 chd 차트]

muParser 함수 구문을 사용하여 차트 데이터에서 실행할 맞춤 함수를 지정할 수 있습니다. 이 함수에 사용되는 데이터는 다음 두 소스 중 하나에서 가져올 수 있습니다.

  • chd의 데이터 계열 - chd의 지정된 계열에서 데이터를 가져옵니다.
  • chfd 매개변수 자체에 선언된 값 범위. 임의의 데이터 범위의 시작, 정류장, 걸음 값을 선언합니다.

모든 경우에 chd의 기존 계열에 출력을 할당해야 합니다. 이 계열은 함수 출력으로 덮어쓰기됩니다. 모든 함수가 처리된 후에만 차트가 렌더링됩니다. 따라서 동일한 데이터 계열에 출력할 함수를 여러 개 할당하면 함수가 지정된 순서대로 실행되지만 최종 함수의 출력만 차트에 표시됩니다. 함수를 체이닝하여 한 함수가 이전 함수에서 출력한 계열을 입력으로 취할 수 있습니다.

기능선에 색상 또는 chm 마커를 할당하려면 함수의 계열 색인에 색상이나 마커를 할당합니다. 마커는 함수에서 조작한 후 데이터에 따라 배치됩니다.

문법 

chfd=
  <output_series_index>,<function_data>,<function_string>
    |...|
  <output_series_index>,<function_data>,<function_string>
<output_series_index>
함수 출력이 기록될 chd 데이터 시리즈의 0부터 시작하는 색인입니다. 함수 출력은 기존 데이터를 완전히 덮어씁니다. 계열이 함수의 입력으로 사용되지 않는 경우 해당 계열에 단일 더미 값을 할당하는 것이 좋습니다.
<function_data>
표시할 변수 및 데이터입니다. 데이터는 정의한 범위 또는 chd 데이터 계열 중 하나에 속할 수 있습니다. 여러 변수에 ; (세미콜론) 구분 기호를 사용하여 각 함수에 여러 변수를 지정할 수 있습니다. 단일 함수에 여러 개의 변수를 정의하고 변수 개수의 점 수가 다른 경우 함수가 첫 번째 끝점에 도달하면 함수가 중지됩니다. 예를 들어 함수가 x=1—5의 1단계와 y=1~10의 1단계를 모두 정의하는 경우 함수는 5번째 포인트에 도달하면 종료됩니다.
    <variable_name>,<input_series_index>
         또는
    <variable_name>,<start>,<end>,<step>
  • variable_name - 변수의 임의 문자열 이름입니다. function_string으로 정의된 함수에서 이를 사용합니다.
  • input_series_index - 입력 데이터로 사용할 chd 데이터 계열의 색인입니다.
  • start - 범위의 시작 숫자 값입니다.
  • end - 범위의 숫자 끝 값입니다.
  • step - start에서 end까지의 숫자 단계 값입니다. 양수 또는 음수일 수 있지만 0은 될 수 없습니다.
예: x,0,100,1은 값이 0, 1, 2, ... 100인 x이라는 변수를 선언합니다. x,0,100,1;r,0,3.1,.1는 동일한 x 변수와 값이 0, 0.1, 0.2, ..., 3.0, 3.1인 r 변수를 선언합니다. x,0는 첫 번째 chd 계열의 데이터를 사용하는 x라는 변수를 선언합니다. 이러한 변수는 function_string에서 사용됩니다. function_string에서 지정하지 않으면 그래프에 표시되지 않습니다. 단계가 짧을수록 그래프가 더 부드러워집니다.
<function_string>
muParser 구문으로 작성된 함수입니다. 이 함수는 variable_data에 지정된 변수 및 데이터에 적용됩니다. 이 로컬 함수 세트에서 선언된 변수만 참조할 수 있으며 파이핑된 다른 chfd 매개변수 세트에서는 참조할 수 없습니다. 요약 muParser 함수 (최소, 최대 합계, 평균)는 지원되지 않습니다. 중요: 함수에서 + 대신 %2B를 사용해야 합니다.

 

예시

설명 예시

간단한 사인파입니다. 참고해야 할 사항:

  • chd=t:-1 - 차트 데이터에 더미 변수를 사용합니다. 데이터가 chfd 매개변수에 선언되기 때문입니다.
  • chco=FF0000 - 첫 번째 계열에 빨간색이 지정됩니다. chd의 데이터는 사용되지 않지만 해당 계열에 해당하는 색상이 표시된 함수에 사용됩니다.
  • chfd=0,x,0,11,0.1,sin(x)*50%2B50 - x라는 변수를 선언하며, 값은 0~11이고 0.1씩 증가합니다. 이 색상은 첫 번째 계열에 할당되므로 첫 번째 계열 색상 (FF0000)을 얻게 됩니다. x에 적용된 함수는 sin(x) * 50 + 50입니다. 이 함수에서 +를 어떻게 인코딩해야 하는지 확인하세요.

 

 chfd로 지정된 사인파
cht=lc
chd=t:-1
chco=FF0000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chxt=x,y
이 줄은 chd 매개변수의 데이터를 사용합니다.
chd=t:5,10
chfd=0,x,0,x*4

함수 라인과 함수가 아닌 라인의 조합입니다.

계열 색상 매개변수 chco에서 색상이 지정되는 방식을 확인하세요.

함수 출력에 마커가 배치되어 있습니다. 데이터 포인트는 시작, 종료, 단계에서 계산되므로 범위가 0~11단계 0.1이면 점 0은 0이고 점 1은 0.1이고 점 110은 값이 11인 식입니다.

 chfd를 사용하는 시리즈와 데이터에 chd를 사용하는 시리즈
chd=t:
  -1
  15,45
chco=
  FF0000,000000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chm=
  c,00A5C6,0,110,10
  a,00A5C6,0,60,10

2차원 함수를 정의하려면 lxy 차트를 사용하고 더미 계열 두 개를 할당하고 각각에 함수를 할당합니다.

  • 0,x,0,10,0.1,sin(x)*50%2B50 - 계열 0 (x축 값)에는 0~10의 값, 0.1단계의 값과 sin(x)*50 + 50의 값을 가진 x라는 변수가 있습니다.
  • 0,y,0,10,0.1,sin(y)*50%2B50 - 계열 0 (y축 값)에는 0~10의 값, 0.1단계의 값을 가진 y라는 변수가 있고 함수 sin(x)*50 + 50이 있습니다.
 원
cht=lxy
chd=t:-1|-1
chfd=
  0,x,0,10,0.1,sin(x)*50%2B50|
  1,y,0,10,0.1,cos(y)*50%2B50

chfd 매개변수를 사용하면 창의력을 발휘할 수 있습니다.

이러한 이미지를 클릭하여 열고 차트 플레이그라운드에서 사용해 보세요. 마음에 들게 됩니다.

맨 위로