여러 검도 차트를 나란히 겹쳐서 표시하는 방법

나는 이와 같은 검도 차트가 여러 개 있습니다.여러 검도 차트를 나란히 겹쳐서 표시하는 방법

나는 시리즈를 중복하지 않고 이러한 차트를 표시합니다.

여백, 패딩이 작동하지 않습니다.

HTML

<table style="width:100%;table-layout:auto;"> 
     <tr>     
      <td id="divPrintBillFinalReportPieChart_801" style="width:20%;float:right;display:inline-block;"></td> 
      <td id="divPrintBillFinalReportPieChart_802" style="width:20%;float:right;display:inline-block;"></td> 
      <td id="divPrintBillFinalReportPieChart_811"style="width:20%;float:right;display:inline-block;"></td> 
     </tr> 
    </table>

자바 스크립트

$('#divPrintBillFinalReportPieChart_801').kendoChart({ 
     dataSource: { data: BILAT_No_801 }, 
     series: [ 
      { type: "pie", field: "Percentage", categoryField: "DVST_Name" } 
     ], 
     seriesDefaults: { 
      labels: { visible: true, background: "transparent", template: "#= category #: \n #= value#%" } 
     }, 
     title: { text: "부분별 임금비" }, 
     legend: { visible: false }, 
     seriesColors: ["#9de219", "#90cc38", "#068c35", "#006634", "004d38", "#033939", "#fad84a", "#ff9800", "#03a9f4", "#4caf50"], 
     tooltip: { visible: true, template: "${ category } - ${ value }%" }, 
     chartArea: { width: 200, height: 300 } 
    });

출처

2016-12-02 Heejeong Im