![cht=gv:neato&chl=digraph{A-%3EB-%3EC-%3EA}&chs=50x50](https://developers-dot-devsite-v2-prod.appspot.com/static/chart/image/images/chart_231.png?authuser=3&hl=ko)
이 문서에서는 차트 API를 사용하여 GraphViz 차트를 만드는 방법을 설명합니다.
개요
GraphViz는 연결 그래프를 시각화하기 위한 오픈소스 도구 패키지입니다. DOT 언어와 선택한 레이아웃 엔진을 사용하여 GraphViz 그래프를 만들 수 있습니다.
GraphViz 차트는 다양한 필수 매개변수 집합을 지원합니다. 지원되는 매개변수는 다음과 같습니다.
매개변수 | 필수 또는 선택사항 | 설명 |
---|---|---|
cht=gv[:<opt_engine>] |
필수 | GraphViz 차트를 지정합니다. 원하는 경우 GraphViz 엔진을 지정할 수 있습니다. 레이아웃 엔진을 지정하려면 세미콜론을 포함하여 <opt_engine>에 대해 다음 문자열 중 하나를 표시하고 지정합니다.
다양한 엔진에 관한 설명은 GraphViz 웹사이트를 참고하세요. |
chs=<width>x<height> |
선택사항 | 크기를 지정하지 않으면 차트 크기가 자동으로 조정됩니다. |
chl=<DOT_string> |
필수 | DOT 언어 표기법으로 그릴 차트 GraphViz 웹사이트에서 DOT 언어 참조를 확인할 수 있습니다. |
chd |
사용되지 않음 | GraphViz 코드는 chd 매개변수가 무시된다는 점에서 일반적이지 않습니다. URL에 포함하지 마세요. |
chof=<output_format> |
선택사항 | 차트의 출력 형식입니다. 지원되는 출력 형식을 알아보려면 매개변수 설명을 참조하세요. chof=json 를 지정하면 차트에 링크나 상호작용을 추가하는 데 사용할 수 있는 HTML 이미지 맵의 JSON 표현이 반환됩니다. 자세한 내용은 차트 이미지 맵 만들기를 참고하세요. |
callback=<handling_function_name> |
선택사항 | chof=json 를 지정하면 차트의 이미지 맵이 포함된 반환된 JSON과 함께 호출할 함수를 지정할 수도 있습니다.
함수는 차트의 JSON 표현이 되는 단일 JSON 매개변수를 허용해야 합니다. 그러면 페이지에서 차트를 <img> 요소로 지정하여 차트를 렌더링하고, chof=json&callback=somefunc 로 동일한 URL을 호출할 수 있으며, 반환된 JSON을 파싱하고 링크 또는 상호작용을 추가하는 somefunc() 함수를 포함할 수 있습니다. |
예:
설명 | 예시 |
---|---|
도트 엔진 예 (기본값) |
|
neato 엔진 예시를 살펴봤습니다. | ![]() cht=gv:neato |
크기가 지정되지 않은 점 차트 차트의 크기가 자동으로 조정됩니다. | ![]() cht=gv |
더 복잡한 차트 | ![]() cht=gv |
다음은 현재 GraphViz 차트의 몇 가지 팁과 알려진 제한사항입니다.
graph
속성size
를 사용해서는 안 됩니다. 대신 Chart API 매개변수chs
를 사용하세요.- 최대 노드 수는 200개이고 에지의 최대 수는 400개입니다.
- 앤티앨리어싱, 투명도 및 대체 글꼴은 지원되지 않습니다.
node
속성인image
와shapefile
는 지원되지 않으며, 있는 경우 오류가 발생합니다.graph
속성인ratio
,margin
,pad
는 지원되지 않으며 존재하는 경우 무시됩니다.