telerik MVC Charts는 같은 페이지에서 한 번에 하나의 차트 만 지원합니다

Question

이것은 내 소스 코드입니다. 나는 telerik 컨트롤을 사용하여 시험판 버전을 사용하고 있습니다. 그래프를 시도하면 한 번에 하나씩 만 표시됩니다. telerik이 같은 페이지에서 둘 이상의 차트를 지원하는지 여부

내 색인 페이지

<link href="@Url.Content("~/Content/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" /> 
<link href="@Url.Content("~/Content/examples-offline.min.css")" rel="stylesheet" type="text/css" /> 
<script src="@Url.Content("~/Scripts/jquery.min.js")"></script> 
<script src="@Url.Content("~/Scripts/kendo.dataviz.min.js")"></script> 
<script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")"></script> 
<script src="@Url.Content("~/Scripts/console.min.js")"></script> 
<script src="@Url.Content("~/Scripts/prettify.min.js")"></script> 
    <div style="width: 30%; height: 10%"> 
     @Html.Partial("_PieSeries") 
    </div> 
    Hi 
    <br /> 
    <div style="width: 30%; height: 10%"> 
     @Html.Partial("_BarSeries") 
    </div> 

_PieSeries

<div > 
    @(Html.Kendo().Chart() 
     .Name("chart") 
     .Title("Weekly Enagagement Allocation Status ") 
     .Legend(legend => legend 
      .Position(ChartLegendPosition.Bottom) 
     ) 
     .Series(series => 
     { 
      series.Pie(new dynamic[] { 
       new { category = "Mumbai_IND_DC_A112", value = 12 }, 
       new { category = "Bejing_CHI_DC_A223", value = 68 }, 
       new { category = "Redmount_US_DC_B221", value = 49 }, 
       new { category = "Sydney_AUS_DC_B1989", value = 37 },    
       new { category = "DC_US_B1341", value = 17 },    
       new { category = "KPMG_US_DC_B1099", value = 57 },    
       new { category = "KPMG_CHI_DC_U9489", value = 67 },    
       new { category = "DI_US_DC_A1369", value = 87 },    
       new { category = "MIC_UK_DC_B1709", value = 27 },    
       new { category = "KPMG_UK_DC_B6990", value = 37 }     
      }); 
     }) 
     .Tooltip(tooltip => tooltip 
      .Visible(true) 
      .Format("{0}%") 
     ) 
    ) 
</div> 

_BarSeries

<div > 
    @(Html.Kendo().Chart() 
     .Name("chart") 
     .Title("Internet Users") 
     .Legend(legend => legend 
      .Position(ChartLegendPosition.Bottom) 
     ) 
     .Series(series => { 
      series.Column(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); 
      series.Column(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); 
     }) 
     .CategoryAxis(axis => axis 
      .Categories("2005", "2006", "2007", "2008", "2009") 
     ) 
     .ValueAxis(axis => axis 
      .Numeric().Labels(labels => labels.Format("{0}%")) 
     ) 
     .Tooltip(tooltip => tooltip 
      .Visible(true) 
      .Format("{0}%") 
     ) 
    ) 
</div> 

Answer 1

나는 당신이해야 할 모든 중 하나의 이름 속성을 변경하는 생각 너의 숯 ts. 각 차트에는 고유 한 이름이 있어야합니다.

두 차트의 이름이 같은 경우 하나의 차트 만 표시됩니다.