GraphViz 차트

   

이 문서에서는 Chart API를 사용하여 GraphViz 차트를 만드는 방법을 설명합니다.

개요

GraphViz는 연결 그래프를 시각화하기 위한 오픈소스 도구 패키지입니다. DOT 언어와 원하는 레이아웃 엔진을 사용하여 GraphViz 그래프를 만들 수 있습니다.

GraphViz 차트는 다양한 필수 매개변수 집합을 지원합니다. 지원되는 매개변수는 다음과 같습니다.

매개변수 필수 또는 선택사항 설명
cht=gv[:<opt_engine>] 필수

GraphViz 차트를 지정합니다. 선택사항으로 GraphViz 엔진을 지정할 수도 있습니다. 레이아웃 엔진을 지정하려면 세미콜론(:)을 표시하고 <opt_engine>에 다음 문자열 중 하나를 지정합니다.

  • dot - 기본 엔진
  • neato
  • twopi
  • circo
  • fdp

다양한 엔진에 대한 설명은 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()라는 함수를 포함할 수 있습니다.

 

예:

설명 예

도트 엔진 예 (기본값)입니다.

점 차트
cht=gv
chl=digraph{A->B->C->A}
chs=150x150
neato Engine 예가 나와 있습니다. Neato 차트
cht=gv:neato
chl=digraph{A->B->C->A}
chs=150x150
크기가 지정되지 않은 점 차트입니다. 차트의 크기는 자동으로 조정됩니다. 크기가 지정되지 않은 점 차트
cht=gv
chl=graph{a--b--c;b--d}
더 복잡한 차트 더욱 화려한 도트 차트
cht=gv
chl=
  graph{C_0--H_0[type=s];C_0--H_1[type=s];C_0--H_2[type=s];C_0--C_1[type=s];C_1--H_3[type=s];C_1--H_4[type=s];C_1--H_5[type=s]}

다음은 현재 GraphViz 차트의 몇 가지 도움말 및 알려진 제한사항입니다.

  • graph 속성 size는 사용해서는 안 됩니다. 대신 Chart API 매개변수 chs를 사용하세요.
  • 최대 노드 수는 200개, 에지의 최대 개수는 400개입니다.
  • 앤티앨리어싱, 투명도 및 대체 글꼴은 지원되지 않습니다.
  • node 속성 image 및 shapefile은 지원되지 않으며, 있는 경우 오류가 발생합니다.
  • graph 속성 ratio, margin, pad는 지원되지 않으며 있는 경우 무시됩니다.