이 문서에 따르면, 차트

Question

을 그릴 수 없다, 나는 다음과 같은 코드를 사용하여 chart control을 그릴 수 있습니다 :

<div 
 
    class="control-chart centered wrap-legend" 
 
    data-control="chart-pie" 
 
    data-size="200" 
 
    data-center-text="100"> 
 
    <ul> 
 
     <li>Label 1 <span>100</span></li> 
 
     <li>Label 2 <span>100</span></li> 
 
     <li>Label 3 <span>100</span></li> 
 
    </ul> 
 
</div>

을하지만 출력은 다음과 같이 진행됩니다

Label 1 100 
 
Label 2 100 
 
Label 3 100

제대로 작동하려면 어떻게해야합니까?

Answer 1

프론트 엔드에서이 작업을 수행하려고한다고 가정합니다. 그러나 UI documentation은 백엔드 페이지와 컨트롤러를 구축하는 방법에 대해 백엔드를 참조합니다. 이를 달성하거나 작동 원리를 이해하려면 백엔드 스타일 시트의 일부를 추출해야합니다. 또한 거기에 설정된 데이터 속성 (data-control="chart-pie" data-size="200" data-center-text="100")은 백엔드 JavaScript 프레임 워크에서 처리합니다. 난 당신의 프론트 엔드 페이지에서 그것을 사용하는 코드에서 그 기능을 찾아서 추출하기가 쉽지 않을 것이라고 생각합니다. 여기

몇 가지 기본적인 예와 CSS와 모양을 그리기에 자신의 그 같은 건물 시도하려는 경우 : https://css-tricks.com/examples/ShapesOfCSS/#cone

을하지만 난 당신이 당신의 프론트 엔드에 10 월 백엔드에서 모든 UI 요소를 사용할 수 없습니다 추측 지루한 해킹이없는 페이지.