Ruby|Gviz gem으로 다양한 attrs 테스트
Ruby|Gviz gem으로 다양한 attrs 테스트
개요
vizgem을 통해 다양한 attrs를 시도합니다.
그래피비즈에는각양각색의attrs=attributes가 준비되어 있다
디스플레이 크기, 색상 등을 제어할 수 있습니다.
attrs의 각 속성에 대한 조사 방법
attributes와 관련해 그래피비즈는 다음 공식 자료를 통해 내용을 확인할 수 있다.
http://www.graphviz.org/content/attrs
Used By
http://www.graphviz.org/content/color-names#brewer
목록의 Used By에 설정된 E, N, G, S는 각각 Edges/Nodes/Graphi/Sub Graph를 나타냅니다.
노드와 관련된 등록 정보를 조사하려면 N이 포함된 항목을 찾습니다.
다양한 attra를 시도해보도록 하겠습니다.
노드의 색상, 경계 및 글꼴 수정
글꼴을 변경합니다.기본값은 Times-Roman입니다. node :sample1, {
:color => :red,
:fontcolor => :darkgreen,
:style => :filled,
:fillcolor => :yellow,
:fontname => 'Impact',
:fontsize => 40
}
색상을 지정하려면 다음을 참조하십시오.
http://www.graphviz.org/content/color-names#brewer
다양한 모양으로 설정하기
이러한 대량 설정을 할 때graphiviz의 DOT 언어를 직접 조작하지 않습니다
지비즈를 이용한 은혜를 느껴보세요. %i(
egg triangle diamond tripleoctagon star
note tab folder box3d component
).each.with_index do |e, i|
rank_value = i%3==0 ? :min : i%3==1 ? :same : :max
node e, {:shape => e}
rank rank_value, e
end
__END__
・10種類の shape をシンボルの配列にしてループしながら設定しています
・シンボルの %記法による配列は Ruby 2.0 からの文法
・1種類ごとに rank を min / same / max にすることで表示位置を調整
각 형태(shape)는 아래의 내용을 참조하시오.
http://www.graphviz.org/content/node-shapes
Record-Based Node
한 노드에 여러 요소를 입력할 때 = Record-Based 노드. node :VirticalRecord, {
:shape => :record,
:label => "{ a | b | c }"
}
node :HorizontalRecord, {
:shape => :record,
:label => " a | b | c "
}
node :MixRecord, {
:shape => :record,
:label => " d | {e|f} | g "
}
Egde에서 태그 설정
route :fromEdge => :toEdge
edge :fromEdge_toEdge, {label: 'edge\'s label'}
샘플 코드
상술한 설정 후 진행된 견본 코드를 종합하다require 'gviz'
Graph do
node :sample, {
:color => :red,
:fontcolor => :darkgreen,
:style => :filled,
:fillcolor => :yellow,
:fontname => 'Impact',
:fontsize => 40
}
route :fromEdge => :toEdge
edge :fromEdge_toEdge, {
label: 'edge\'s label'
}
%i(
egg triangle diamond tripleoctagon star
note tab folder box3d component
).each.with_index do |e, i|
rank_value = i%3==0 ? :min : i%3==1 ? :same : :max
node e, {:shape => e}
rank rank_value, e
end
node :VirticalRecord, {
:shape => :record,
:label => "{ a | b | c }"
}
node :HorizontalRecord, {
:shape => :record,
:label => " a | b | c "
}
node :MixRecord, {
:shape => :record,
:label => " d | {e|f} | g "
}
save(:attrs, :png)
end
샘플 출력
인용하다
Reference
이 문제에 관하여(Ruby|Gviz gem으로 다양한 attrs 테스트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tbpgr/items/bd3881355f5ff9e86aa7
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
node :sample1, {
:color => :red,
:fontcolor => :darkgreen,
:style => :filled,
:fillcolor => :yellow,
:fontname => 'Impact',
:fontsize => 40
}
%i(
egg triangle diamond tripleoctagon star
note tab folder box3d component
).each.with_index do |e, i|
rank_value = i%3==0 ? :min : i%3==1 ? :same : :max
node e, {:shape => e}
rank rank_value, e
end
__END__
・10種類の shape をシンボルの配列にしてループしながら設定しています
・シンボルの %記法による配列は Ruby 2.0 からの文法
・1種類ごとに rank を min / same / max にすることで表示位置を調整
node :VirticalRecord, {
:shape => :record,
:label => "{ a | b | c }"
}
node :HorizontalRecord, {
:shape => :record,
:label => " a | b | c "
}
node :MixRecord, {
:shape => :record,
:label => " d | {e|f} | g "
}
route :fromEdge => :toEdge
edge :fromEdge_toEdge, {label: 'edge\'s label'}
require 'gviz'
Graph do
node :sample, {
:color => :red,
:fontcolor => :darkgreen,
:style => :filled,
:fillcolor => :yellow,
:fontname => 'Impact',
:fontsize => 40
}
route :fromEdge => :toEdge
edge :fromEdge_toEdge, {
label: 'edge\'s label'
}
%i(
egg triangle diamond tripleoctagon star
note tab folder box3d component
).each.with_index do |e, i|
rank_value = i%3==0 ? :min : i%3==1 ? :same : :max
node e, {:shape => e}
rank rank_value, e
end
node :VirticalRecord, {
:shape => :record,
:label => "{ a | b | c }"
}
node :HorizontalRecord, {
:shape => :record,
:label => " a | b | c "
}
node :MixRecord, {
:shape => :record,
:label => " d | {e|f} | g "
}
save(:attrs, :png)
end
Reference
이 문제에 관하여(Ruby|Gviz gem으로 다양한 attrs 테스트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tbpgr/items/bd3881355f5ff9e86aa7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)