getOrgChart font size change

Question

getOrgchart를 사용하여 getOrgChart에서 색상 및 글꼴 크기를 변경하려고 시도 했으므로 상자의 이름이 잘리지 않습니다. 또한 페이지 배경 색상과 상자 색상

감사

Answer 1

이 코드 조각 아래

\t $("#people").getOrgChart({ \t \t \t 
 
\t \t theme: "monica", 
 
\t \t primaryColumns: ["name", "title"], 
 
\t \t gridView: true, 
 
\t \t dataSource: [ 
 
\t \t \t { id: 1, parentId: null, name: "Amber McKenzie Field", title: "CEO", phone: "678-772-470", mail: "lemmons@jourrapide.com", adress: "Atlanta, GA 30303" }, 
 
\t \t \t { id: 2, parentId: 1, name: "Ava Field", title: "Paper goods machine setter", phone: "937-912-4971", mail: "anderson@jourrapide.com" }, 
 
\t \t \t { id: 3, parentId: 1, name: "Evie Johnson", title: "Employer relations representative", phone: "314-722-6164", mail: "thornton@armyspy.com"} 
 
\t \t ] 
 
\t });

html, body {margin: 0px; padding: 0px;height: 100%; overflow: hidden; } 
 
#people {width: 100%;height: 100%; } 
 

 

 

 
div.get-org-chart.get-darkred 
 
{ 
 
    background-color: white; 
 
} 
 

 
div.get-org-chart .get-text 
 
{ 
 
    font-size: 20px !important; 
 
} 
 

 
div.get-org-chart.get-darkred .get-oc-c .get-box 
 
{ 
 
    fill: blue; 
 
    stroke: darkblue; 
 
}

<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script> 
 
<link rel="stylesheet" type="text/css" href="//www.getorgchart.com/GetOrgChart/getorgchart/getorgchart.css">  
 
<script type='text/javascript' src="//www.getorgchart.com/GetOrgChart/getorgchart/getorgchart.js"></script> 
 

 
<div id="people"></div>