이 문서에서는 차트 API를 사용하여 방사형 차트를 만드는 방법을 설명합니다.
목차
차트별 기능 |
표준 기능
|
개요
방사형 차트에서 데이터 포인트는 차트에서 시계 방향으로 균등한 간격으로 그려집니다. 점 값은 차트 중심으로부터의 거리로 표시됩니다. 여기서 중심은 최솟값을 나타내고 차트 가장자리는 최댓값입니다. 각 계열은 차트의 하나의 완전한 회로로 그려집니다. 차트는 사용자가 지정한 대로 이러한 점을 직선 또는 곡선으로 연결합니다. 따라서 방사형 차트는 기본적으로 원으로 래핑된 선 차트입니다. y축은 차트의 중심에서 둘레로 향하고 x축은 차트의 둘레이며 12:00 선에서 시작하고 끝납니다.
차트는 동일한 세그먼트로 균등하게 나뉩니다. 세그먼트 수는 다음 두 값 중 더 큰 값입니다.
- 라벨 수 + 1 (있는 경우
chxl
으로 지정됨) 또는 - 데이터 값의 수입니다.
예를 들어 데이터 포인트가 8개이고 라벨이 없는 차트가 있는 경우 데이터 포인트는 45도 (360 / 8)의 간격을 유지합니다.
여러 계열이 있는 경우 점수가 가장 많은 계열이 집계됩니다. 세그먼트 최소 개수는 4개입니다. 라벨 또는 데이터 포인트가 4개 미만인 경우 차트의 기본 세그먼트는 4개입니다. 차트의 완전한 회로를 만들려면 n+1개의 데이터 포인트가 필요합니다. 여기서 n은 세그먼트 수입니다. 데이터 포인트가 많을수록 차트의 세부 사항이 증가합니다. 데이터가 차트를 두 번 이상 돌아다니는 일은 없습니다.
방사형 차트는 여러 계열을 지원할 수 있습니다. 각 계열은 차트에 표시됩니다.
설명 | 예 |
---|---|
이 예에서는 단일 데이터 계열이 있는 간단한 방사형 차트를 보여줍니다. 값이 점차 증가하여 달팽이 껍데기처럼 보입니다. |
|
x축 라벨이 방사형 차트에 포함된 경우 차트 주변의 데이터 포인트 간격은 라벨 수 또는 데이터 포인트 수 중 더 큰 값으로 결정됩니다. 두 차트 모두에서 데이터 포인트의 수는 동일하지만 (5개) 첫 번째 차트에는 라벨이 적고 두 번째 차트에는 라벨이 더 많습니다. 첫 번째 차트는 데이터 포인트 수에 따라 데이터 위치를 할당하고 두 번째 차트는 라벨 수에 따라 데이터 위치를 할당합니다. 두 번째 차트에는 세그먼트 6개가 있으며, 이 점 7개로 완전한 원을 만들 수 있습니다. | |
색상, 선 스타일, 축 라벨을 추가하여 방사형 차트에 정보를 더 추가하고 선명도를 높일 수 있습니다. 이 예는 두 개의 데이터 계열이 있는 좀 더 복잡한 방사형 차트입니다. 각 데이터 계열의 색상은 계열 색상에 설명된 대로 선 스타일은 선 스타일에 설명된 대로 축 라벨은 축 스타일 및 라벨에 설명된 대로
|
chco=FF0000,FF9900 |
이 예에서는 이전 예와 동일한 매개변수를 사용하지만 두 데이터 계열에 모두 선 채우기가 지정되어 있습니다. 이 예에는 그리드 선이 포함되어 있습니다.
|
chg=25.0,25.0,4.0,4.0 |
방사형 차트에서 가로선 마커는 원으로 구부러지고 세로선 마커는 여기 표시된 것과 같이 중앙에서 바깥쪽으로 퍼집니다.
사용 가능한 도형에 대한 자세한 내용은 도형 마커를 참고하세요. |
chm= |
차트 유형 (cht
개)
방사형 차트에는 직선 차트 (cht=r
)와 곡선 차트 (cht=rs
)의 두 가지 유형이 있습니다.
매개변수 | 설명 | 예 |
---|---|---|
r |
|
|
rs |
rs 차트 유형은 점을 곡선으로 연결합니다. |
cht=rs |
계열 색상 chco
필요한 경우 chco
매개변수를 사용하여 선의 색상을 지정합니다.
문법
chco=<color_1>,...,<color_n>
- <color>
- 하나 이상의 선 색상을 쉼표로 구분하여 RRGGBB 16진수 형식으로 지정합니다. 색상보다 선이 많은 경우 추가 선이 처음부터 색상 목록을 순환합니다.
표준 기능
이 페이지의 나머지 기능은 표준 차트 기능입니다.
차트 제목 chtt
, chts
[모든 차트]
차트의 제목 텍스트, 색상, 글꼴 크기를 지정할 수 있습니다.
문법
chtt=<chart_title> chts=<color>,<font_size>,<opt_alignment>
chtt
- 차트 제목을 지정합니다.
- <chart_title>
- 차트에 표시할 제목입니다. 표시 위치가 표시되는 위치를 지정할 수는 없지만 글꼴 크기와 색상은 선택적으로 지정할 수 있습니다. 공백을 표시할 때는 + 기호를 사용하고, 줄바꿈을 표시할 때는 파이프 문자 (
|
)를 사용합니다.
chts
[선택사항] - chtt
매개변수의 색상 및 글꼴 크기입니다.
- <color>
- RRGGBB 16진수 형식으로 된 제목 색상입니다. 기본 색상은 검은색입니다.
- <font_size>
- 제목의 글꼴 크기(포인트)
- <opt_alignment>
- [선택사항] 제목의 정렬입니다. 대소문자 구분 문자열 값인 'l' (왼쪽), 'c' (가운데), 'r' (오른쪽) 중 하나를 선택합니다. 기본값은 'c'입니다.
예시
설명 | 예 |
---|---|
기본 색상과 글꼴 크기를 사용하는 제목이 있는 차트입니다. 더하기 기호 ( 파이프 문자 (
|
chtt=Site+visitors+by+month| |
오른쪽에 정렬된 파란색 제목이 20포인트인 차트 |
chtt=Site+visitors |
차트 범례 텍스트 및 스타일 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
chdl=First|Second|Third |
첫 번째 차트는 가로 범례 항목 ( |
|
이 예에서는 글꼴 크기 변경을 보여줍니다. |
|
차트 여백 chma
[모든 차트]
차트의 여백 크기는 픽셀 단위로 지정할 수 있습니다. 여백은 지정된 차트 크기 (chs
)에서 안쪽으로 계산됩니다. 여백 크기를 늘리면 전체 차트 크기가 늘어나지 않고 필요에 따라 차트 영역이 축소됩니다.
여백은 기본적으로 차트 크기를 계산한 후 남은 값입니다. 이 기본값은 차트 유형에 따라 다릅니다. 지정하는 여백은 최소 값입니다. 차트 영역에 여백을 위한 공간이 있으면 남은 크기의 여백이 되며, 범례와 라벨에 필요한 것보다 여백을 더 작게 줄일 수는 없습니다. 다음은 차트의 기본 부분을 보여주는 다이어그램입니다.
차트 여백에는 축 라벨과 범례 영역이 포함됩니다. 팁: 막대 그래프에서 막대의 크기가 고정된 경우 (기본값) 차트 영역 너비를 줄일 수 없습니다. |
문법
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픽셀을 초과하므로 오른쪽의 여백이 차트 범례의 너비로 설정되며 다른 여백과 다릅니다. 축 라벨은 도표 영역 밖에 있으므로 여백 공간 내에 그려집니다. |
|
범례 주위에 여백을 추가하려면 이 예에서 범례의 너비는 약 60픽셀입니다. |
|
축 스타일 및 라벨[선, 막대, Google-o미터, 방사형, 분산형]
차트에 표시할 축을 지정하고 축에 커스텀 라벨, 위치, 범위, 스타일을 지정할 수 있습니다.
모든 차트에 기본적으로 축 선이 표시되는 것은 아닙니다. chxt
매개변수를 사용하여 차트에 표시해야 하는 축을 정확하게 지정할 수 있습니다. 기본 축 선에는 숫자가 표시되지 않습니다. 숫자를 표시하려면 chxt
매개변수에 축을 지정해야 합니다.
데이터 값을 반영하는 축의 숫자가 표시되도록 선택하거나 맞춤 축을 지정할 수 있습니다.
기본값은 숫자 값을 표시하며 값의 범위는 0~100입니다.
그러나 chxr
를 사용하여 범위를 변경하여 모든 범위를 표시할 수 있고 chxs
를 사용하여 값의 스타일을 지정할 수 있습니다 (예: 통화 기호 또는 소수점 이하 자릿수 표시).
맞춤 값(예: 'Mon, Tues, Wed')을 사용하려면 chxl
매개변수를 사용하면 됩니다.
이러한 라벨을 축을 따라 특정 위치에 배치하려면 chxp
매개변수를 사용하세요.
마지막으로 chxs
및 chxtc
매개변수를 사용하여 맞춤 축 라벨과 숫자 축 라벨의 색상, 크기, 정렬, 기타 속성을 지정할 수 있습니다.
문자열 값
참고사항:
라벨 문자열에는 URL 보안 문자만 사용할 수 있습니다. 만약을 위해 문자 집합 0-9a-zA-Z
에 없는 문자가 포함된 모든 문자열을 URL 인코딩해야 합니다.
URL 인코더는 Google 시각화 문서에서 찾을 수 있습니다.
이 섹션에서 다루는 주제는 다음과 같습니다.
- 표시 축 (
chxt
) - 표시할 축. - 축 범위 (
chxr
) - 각 축의 값 범위. - Custom Axis Labels (
chxl
) - 축에 표시할 커스텀 값. - 축 라벨 위치 (
chxp
) - 각 축을 따라 맞춤 라벨을 배치합니다. - 축 라벨 스타일 (
chxs
) - 축 라벨의 색상, 크기, 정렬 및 서식 지정 - 축 눈금 표시 스타일 (
chxtc
) - 특정 축의 눈금 표시 길이입니다.
표시되는 축 chxt
막대, 선, 방사형, 분산형 차트는 기본적으로 한두 개의 축 선을 표시하지만 이러한 선에는 값이 포함되지 않습니다.
축 선에 값을 표시하거나 표시할 축을 변경하려면 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의 범위로 설정됩니다. 기본적으로 상단 및 하단 축에는 라벨별로 눈금 표시가 표시되지 않습니다. |
|
같은 값을 두 번 이상 포함하여 각 축에 여러 라벨 집합을 포함할 수 있습니다. 이 예에서는 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=200x125 />, <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&chco=76A4FB&chls=2.0&chs=200xl25
|
이 예에서는 x축, y축, 상단 t축, 오른쪽 r축이 있는 가로 막대 그래프를 보여줍니다. 축 라벨은 생략되므로 Chart API는 x축 및 t축에 0~100의 범위를 표시합니다. y축과 r축의 범위는 막대 수에 따라 결정됩니다. 이 경우에는 막대가 5개 있으므로 Chart API에는 0~4의 범위가 표시됩니다. 첫 번째 라벨은 첫 번째 막대의 아래쪽에 배치되고 두 번째 라벨은 두 번째 막대의 아래쪽 중앙에 위치하는 식입니다. |
|
차트 유형 뒤에 :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축 ( 각 축에는 정의된 범위가 있습니다. 라벨이나 위치가 지정되지 않았으므로 값은 지정된 범위에서 가져오며 해당 범위 내에서 간격이 균일합니다. 선 차트에서 값이 X축을 따라 고르게 분포되어 있습니다. 첫 번째 값 ( |
|
이 예에서는 x축에 값이 지정되어 있습니다. 축 라벨은 축을 따라 균일한 간격이 있습니다. <opt_step> 매개변수에 값 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
매개변수의 최종 라벨 뒤에 파이프를 배치하지 마세요.
예시
설명 | 예 |
---|---|
이 차트는 두 축에 맞춤 라벨을 추가하는 방법을 보여줍니다. 값의 간격이 균등하고 마지막 |
chxt=x,y |
이 예에는 왼쪽 및 오른쪽 y축에 축 라벨 ( |
|
이 예에는 왼쪽 및 오른쪽 y축의 축 라벨( 이 예에서는 왼쪽 y축의 축 라벨에 기본값을 사용합니다. |
|
전체 축을 설명하는 일반 라벨을 추가하려면 (예: 축 하나에 '비용' 및 다른 '학생'에 라벨을 지정하려는 경우) |
chxt=x,x,y,y |
축 라벨 위치 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축 라벨이 포함되어 있습니다. 라벨 텍스트는 지정된 위치가 지정된 위치가 |
|
이 예시에서는 지정된 위치에만 기본 라벨 값을 표시하는 방법을 보여줍니다.
|
chxt=x,y
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
- Top or bottom: 라벨이 틱의 오른쪽에 있습니다. Left or right: 라벨이 영역에서 왼쪽 정렬됩니다. r축 라벨의 기본값.0
- 상단 또는 하단: 라벨이 눈금의 중앙에 배치됩니다. 왼쪽 또는 오른쪽: 라벨이 영역의 중앙에 배치됩니다. x축 및 t축 라벨의 기본값입니다.1
- Top or bottom: 라벨이 눈금 왼쪽에 있고 Left or right: 라벨이 영역에서 오른쪽 정렬됩니다. 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월)에 글꼴 크기와 색상이 지정됩니다. |
|
글꼴 크기, 색상, 정렬이 오른쪽 y축에 지정됩니다. 눈금은 그려지지만 축 선은 표시되지 않습니다. |
|
이 차트에는 3개의 데이터 세트가 포함되어 있으며 계열당 하나씩 3개의 축 라벨 세트가 표시됩니다. 각 라벨 세트는 아래에 설명된 대로 커스텀 형식 지정 문자열을 사용하여 형식이 지정됩니다.
축 라벨 범위는 |
chd=s: |
축 눈금 표시 스타일 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 는 y축에 두 개의 눈금 길이 값 (5 및 15)을 지정하며 차트에 그려진 눈금은 두 값을 번갈아 표시합니다. |
chxt=x,y |
배경 채우기 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자리는 무시되지만, 어쨌든 포함해야 합니다.
예시
설명 | 예 |
---|---|
이 예에서는 차트 배경을 연한 회색( |
|
이 예에서는 차트 배경을 연회색( |
|
이 예에서는 전체 차트에 50% 의 투명도를 적용합니다(16진수의 80은 128, 즉 투명도의 약 50%). 차트를 통해 표 셀 배경이 표시되는 것을 볼 수 있습니다. |
|
그라데이션 채우기 chf
[선, 막대, Google-o-미터, 레이더, 분산형,벤]
차트 영역이나 배경에 하나 이상의 그래디언트 채우기를 적용할 수 있습니다. 그래디언트 채우기는 한 색상에서 다른 색상으로 페이드됩니다. (원형, Google-o미터 차트: 배경 전용)
각 그라데이션 채우기는 각도를 지정한 다음 두 개 이상의 색상을 지정된 위치에 고정합니다. 색상은 한 앵커에서 다른 앵커로 이동함에 따라 달라집니다. 하나가 서로 흐려질 수 있도록 <color_centerpoint> 값이 서로 다른 색상이 두 개 이상 있어야 합니다. 각각의 추가 그라데이션은 <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
- 그라데이션 채우기를 지정합니다.
- <각도>
- 0 (수평)에서 90 (세로)까지 그라데이션의 각도를 지정하는 숫자입니다.
- <color>
- 채우기의 색상(RRGGBB 16진수 형식)입니다.
- <color_centerpoint>
- 색상의 앵커 포인트를 지정합니다. 이 색상은 다른 앵커에 접근하면 이 지점에서 희미해지기 시작합니다. 값 범위는 0.0 (하단 또는 왼쪽 가장자리)에서 1.0 (상단 또는 오른쪽 가장자리) 사이이며 <angle>로 지정된 각도로 기울어집니다.
예시
설명 | 예 |
---|---|
차트 영역에 각도가 0도 ( 색상은 복숭아색 ( 차트 배경은 회색 ( |
|
차트 영역에는 대각선 (왼쪽 하단에서 오른쪽 상단) 선형 그라데이션이 있으며 각도는 45도 ( 피치 ( 파란색 ( 차트 배경은 회색 ( |
|
차트 영역에 90도 ( 파란색 ( 피치 ( 차트 배경은 회색 ( |
|
줄무늬는 chf
[선, 막대, Google-o미터, 방사선, 분산형, 벤]을 채웁니다.
차트 영역 또는 전체 차트에 줄무늬 배경 채우기를 지정할 수 있습니다. (원형, Google-o미터 차트: 배경 전용)
문법
chf= <fill_type>,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- <fill_type>
- 채울 차트 영역입니다. 다음 중 하나:
bg
- 배경 채우기c
- 차트 영역 채우기b<index>
- 막대 줄무늬 채우기 (막대 그래프만 해당) <index>를 스트라이프로 채울 막대의 계열 색인으로 바꿉니다. 예는 막대 그래프 계열 색상을 참고하세요.
- ls
- 선형 스트라이프 채우기를 지정합니다.
- <각도>
- y축을 기준으로 한 모든 줄무늬의 각도입니다. 세로 줄무늬에는
0
를 사용하고 가로 줄무늬에는90
를 사용합니다. - <color>
- 이 스트라이프의 색상으로, RRGGBB 16진수 형식입니다. 추가 스트라이프마다 <color> 및 <width>를 반복합니다. 줄무늬가 두 개 이상 있어야 합니다. 차트가 채워질 때까지 줄무늬가 번갈아 표시됩니다.
- <width>
- 이 스트라이프의 너비는
0
부터1
까지이며, 여기서1
은 차트의 전체 너비입니다. 줄무늬는 차트가 채워질 때까지 반복됩니다. 추가 스트라이프마다 <color> 및 <width>를 반복합니다. 줄무늬가 두 개 이상 있어야 합니다. 차트가 채워질 때까지 줄무늬가 번갈아 표시됩니다.
예시
설명 | 예 |
---|---|
|
chf= |
|
chf= |
격자선 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입니다.
예시
설명 | 예 |
---|---|
이 예에서는 |
chg=20,50 chg=20,50 |
이 예에서는 더 큰 공간을 사용하여 더 밝은 그리드 선 ( |
|
실선 그리드 선을 표시하려면 또한 이 차트는 x축 오프셋을 10으로 지정합니다. |
chg=20,50,1,0,10 |
이 차트는 x축 오프셋 10과 y축 오프셋 20을 보여줍니다. |
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(실선)입니다.
예시
설명 | 예 |
---|---|
여기에서 점선은 |
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
매개변수에 사용되는 것과 동일한 문자열이 포함됩니다. 단, 모든 | 구분 기호를 쉼표로 대체해야 한다는 예외 가 있습니다 (여러 줄 텍스트에는 파이프 마커 대신 쉼표를 사용해야 함). 데이터 문자열 내에서 파이프 ( | ) , @ ( ) , 같음 ( = ), 쉼표 ( , ), 세미콜론 ( ; )과 같은 문자도 이스케이프 처리해야 합니다. 예: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부터 end까지(포함) 범위의 모든 step 데이터 포인트에 마커를 그립니다. start와 end는 색인 값이고 중간 값을 나타내는 부동 소수점 숫자일 수 있습니다. 모든 값은 선택사항입니다. 기본값은 start=0, end=last item, 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은 오른쪽 상단 모서리입니다.
- /=<x_offset,y_offset>
- [선택사항] 법선 위치에서 아이콘을 오프셋할 픽셀 수입니다. x_offset 및 y_offset은 양의 정수 또는 음의 정수입니다. 삽입된 동적 아이콘에 이 값을 지정하는 것이 중요합니다. 마커가 지점을 중심으로 수직 및 수평으로 배치되기 때문입니다. 즉, 지점이 데이터 마커와 일치하지 않을 수 있습니다. 수직 핀의 적절한 오프셋은
of=0,22
입니다. 경사 핀의 적절한 오프셋은 경사 방향에 따라of=-12,20
또는of=12,20
이지만 실험을 해야 할 수도 있습니다. 기본값은 0,0입니다.
예시
설명 | 예 |
---|---|
다음은 독립형 이미지로 만들어 선 차트에서 마커로 사용되는 동일한 동적 아이콘의 예입니다.
차트 1: 차트 2: |
|
동적 아이콘 마커는 지점의 중앙에 가로 및 세로로 배치됩니다. 따라서 꼬리가 있는 동적 아이콘을 사용할 경우 꼬리는 차트 포인트에 있지 않고 마커 중심이 됩니다. 첫 번째 차트는 데이터 포인트 3의 중심에 마크를 배치하고, 실제로는 선의 표시에서 꼬리가 약간 오른쪽에 위치합니다. 두 번째 차트는 |
chem=y;
chem=y; |
동적 아이콘을 여러 개 포함하려면 | 문자로 구분된 구문 문자열을 반복합니다. 이 예에서는 범위와 두 개의 개별 마커를 보여줍니다. 수직 핀은 0,22만큼 오프셋되고 경사 핀은 오프셋이 12,20이므로 핀 점이 설명된 계열과 정렬됩니다. |
chem= |
여러 줄의 텍스트 마커를 보여줍니다. 풍선의 크기가 텍스트에 맞게 조정되어 마커가 차트의 중앙에 다시 배치되므로 텍스트를 추가한 후에는 마커가 오프셋되어야 합니다. 텍스트의 줄바꿈이 d 데이터 문자열에서 쉼표로 어떻게 표시되는지 확인하세요. |
chem=y; |
삽입된 차트
동적 아이콘 구문을 사용하여 차트를 다른 차트 안에 삽입할 수 있습니다.
삽입된 차트 마커에는 풍선에 삽입된 차트와 풍선이 없는 삽입된 차트, 이렇게 두 가지 스타일이 있습니다. 다음은 둘의 예입니다.
풍선이 있는 차트 |
풍선이 없는 차트 |
다음은 풍선이 아닌 차트와 풍선이 삽입된 차트 모두의 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
- [풍선이 아닌 부분만] 삽입된 풍선이 없는 차트 중 데이터 포인트에 고정된 부분을 나타냅니다. 다음 다이어그램에서 두 글자로 된 문자열 상수 중 하나를 선택합니다.
- 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 |
= |
%3D |
2. 그런 다음 parameter1=value1¶meter2=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>
로 표시됩니다.
- B -
- <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이어야 합니다.
예시
설명 | 예 |
---|---|
단일 시리즈의 경우 방사형 차트에서 사용할 수 있는 유일한 채우기 영역 유형입니다. |
|
다음은 두 개의 선과 두 개의 채우기가 있는 차트입니다. 하단과 상단선 위의 영역을 채우려면 특별한 기법이 필요합니다. 이에 관해서는 다음에 다룹니다. |
|
다선형 차트에서 차트 상단에서 첫 번째 선까지 채우려면 데이터 형식에 대해 가장 높은 데이터 값의 사본 두 개가 포함된 계열을 포함합니다. 예를 들어 확장 인코딩의 경우 ' 차트의 마지막 선부터 하단까지 채우려면 데이터 형식의 가장 낮은 데이터 값 사본 두 개가 포함된 계열을 포함합니다. 예를 들어 확장 인코딩의 경우 AAAA, 기본 텍스트 형식의 경우 0,0 등이 있습니다. 선 자체는 |
chd=e: (최댓값) (0값)chm= (연한 파란색) b,224499,1,2,0| (파란색) b,FF0000,2,3,0| (빨간색) b,80C65A,3,4,0 (녹색)chco=000000 |
다음은 세로로 채우기 슬라이스가 있는 선 차트입니다. 이렇게 하려면 선 채우기 유형 'B'를 사용하여 <end_line_index>의 start:end 쌍을 지정합니다.
|
chm= |
이 예에서는 방사형 차트에서 선 채우기를 사용하는 방법을 보여줍니다. |
chm= |
도형 마커 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이 됩니다. 모든 값은 부동 소수점 숫자일 수 있습니다. 마지막 값부터 역으로 계산하려면 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
- 예약됨 - 비워 둡니다.
<horizontal_offset>
- 가로 오프셋을 지정하는 양수 또는 음수입니다(단위: 픽셀). 선택사항입니다. 사용하지 않는 경우 비워 두세요.<vertical_offset>
- 세로 오프셋을 지정하는 양수 또는 음수입니다(단위: 픽셀). 선택사항입니다. 사용하지 않는 경우 비워 두세요.
예시
설명 | 예 |
---|---|
다음은 여러 도형과 선 마커의 예입니다.
|
chm= |
다음은 한 데이터 계열에 다이아몬드를 사용하고 다른 데이터 계열에 원을 사용하는 예입니다. 둘 이상의 마커가 동일한 지점을 차지하는 경우 |
chm= |
다음은 모든 두 번째 데이터 포인트에 마커가 있는 선 차트입니다 (-2는 모든 다른 포인트를 의미함). |
chd=t: |
다음은 마커가 데이터 포인트보다 2배 많은 선 차트입니다 (-0.5는 1/2포인트마다 의미함). | chd=t: |
이 예에서는 h 및 v 마커를 사용하여 맞춤 색상과 두께로 그리드 선을 만드는 방법을 보여줍니다. z 순서 값(마지막 값)이 -1로 설정되므로 데이터 선 아래에 그리드 선이 그려집니다. |
chm= |
이 차트는 선 차트에 세로 채우기 선을 추가합니다.
|
chm= |
이 예에서는 정확한 좌표를 사용하여 차트에 화살표와 텍스트 마커를 추가합니다. 첫 번째 D 마커는 막대 아래의 트레이스 선입니다. 두 번째 마커는 화살표이고 세 번째 마커는 화살표 텍스트입니다. | chm= |
특정 데이터 포인트 (H )에 고정된 가로선은 상대적인 값을 표시하거나 차트에서 데이터 값의 높이를 강조하는 데 유용할 수 있습니다. |
chm=H,FF0000,0,18,1 |
이 그래프는 <size> 매개변수에서 선 두께와 길이를 지정할 수 있는 마커를 보여줍니다.
|
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= ,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이 됩니다. 모든 값은 부동 소수점 숫자일 수 있습니다. 마지막 값부터 역으로 계산하려면 start와 end가 음수일 수 있습니다. start 및 end가 모두 음수인 경우 증가하는 값 (예: -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
설명 | 예 | |
---|---|---|
다음은 막대 그래프의 값 라벨의 예입니다. 첫 번째 차트 ( 두 번째 차트( |
|
|
이 예는 간단하게 인코딩된 값이 46, 39, 29, 30, 43, 41인 차트를 보여줍니다. 단순 인코딩 범위는 0~61입니다. |
chd=s:underp |
|
다음은 최소 지점에 텍스트 라벨이 있고 최대 지점에 플래그 라벨이 있는 차트의 예입니다. |
|
|
이 예시에서는 개별 계열의 값과 계열 합계가 포함된 누적 차트를 보여줍니다. 누적 계열 값을 표시하려면 'c' 위치 지정 옵션을 사용해야 합니다. 이렇게 하지 않으면 상단 막대 값이 각 막대 상단의 합계 값과 겹칩니다. | chm= |
|
세로 및 가로 배치가 작동하는 방식을 보여주는 몇 가지 추가 시연 이 예에서는 세로 게재위치에 s, c,e를 사용하는 막대 그래프용 앵커 값의 다양한 조합을 보여줍니다. 오른쪽 앵커는 마커를 왼쪽으로 이동하고 상단 앵커는 마커를 아래로, 또는 그 반대로 이동하는 방식에 유의하세요. 빨간색 점은 각 막대의 하단, 중앙, 상단을 나타냅니다. 숫자는 데이터 값이며, 각 막대에 다른 앵커 값을 사용하여 고정됩니다. | chm= |
|
주석 마커는 겹치지 않도록 라벨 위치를 자동으로 조정합니다. 첫 번째 chm 값은 선 채우기용이고 다음 값은 모두 주석 마커입니다. |
chm=B,C5D4B5BB,0,0,0 |
|
스위스의 도시 고도를 보여주는 또 다른 주석 마커 예제입니다. |
범위 마커 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
는 차트의 오른쪽입니다.
예시
설명 | 예 |
---|---|
범위 마커는 가는 선 또는 색상 밴드일 수 있습니다.
|
|
이 예에서는 세로 범위 마커를 보여줍니다. 첫 번째 마커는 빨간색 선 ( |
|
마커는 지정된 순서대로 그려집니다. 이 예에서는 연한 파란색 가로 마커 앞에 빨간색 세로 마커가 그려진 것을 볼 수 있습니다. |
chm= |
다음은 범위 마커를 사용하여 차트 0선, 중간점 선, 상단에서 희미한 가로선을 그리는 선 차트의 예입니다. |
|
선 마커 chm=D
[막대, 원통형, 선, 방사형, 분산형]
차트의 데이터를 추적하는 선을 추가할 수 있습니다. 이 차트는 복합 차트에서 가장 많이 사용됩니다.
여러 줄을 추가하거나 다른 chm
마커와 결합하려면 파이프(|
) 구분 기호를 사용하여 chm 매개변수 집합을 구분하세요. 이 매개변수로는 파선 마커를 만들 수 없습니다.
문법
chm= D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>
- 케이스가
- 이것이 선 마커임을 나타냅니다.
- <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 순서가 |
chm=D,0033FF,0,0,5,1 |
이 그래프는 동일한 막대 그래프이지만 선에 대한 데이터 계열이 추가로 포함되어 있습니다. 복합 차트의 예입니다.
복합 차트는 자세한 내용은 복합 차트를 참고하세요. |
chm=D,0033FF,1,0,5,1 |
데이터 함수 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을 모두 정의하는 경우, 함수는 다섯 번째 점에 도달하면 종료됩니다.
<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
은x
이라는 변수를 0, 1, 2, ... 100 값으로 선언합니다.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
를 사용해야 합니다.
예시
설명 | 예 |
---|---|
단순한 사인파입니다. 참고해야 할 사항:
|
cht=lc |
이 줄은 chd 매개변수의 데이터를 사용합니다. |
chd=t:5,10 |
함수 줄과 비함수 줄이 혼합되어 있습니다. 계열 색상 매개변수 함수 출력에 마커가 배치되었는지 확인합니다. 데이터 포인트는 start, end, step에서 계산됩니다. 따라서 범위가 0~11단계인 0.1, 포인트 0은 0, 포인트 1은 0.1과 같은 식으로 계속 진행되어 값이 11인 점 110까지입니다. |
chd=t: |
두 개의 측정기준으로 함수를 정의하려면
|
cht=lxy |
이미지를 클릭하여 차트 플레이그라운드에서 이미지를 열고 사용해 보세요. 곧 매료될 것입니다. |