telerik MVC图表在同一页面中一次只支持一个图表吗

telerik MVC图表在同一页面中一次只支持一个图表吗,telerik,telerik-mvc,telerik-charting,Telerik,Telerik Mvc,Telerik Charting,这是我的源代码。我使用的是telerik Control试用版。 当我尝试图形时,它一次只显示一个。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

这是我的源代码。我使用的是telerik Control试用版。 当我尝试图形时,它一次只显示一个。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>

@Html.Partial(“\u-piesteries”)
你好

@Html.Partial(“\u BarSeries”)
_馅饼系列

<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>

@(Html.Kendo().Chart())
.名称(“图表”)
.标题(“每周启用分配状态”)
.Legend(Legend=>Legend
.位置(ChartLegendPosition.底部)
)
.系列(系列=>
{
series.Pie(新的动态[]{
新{category=“Mumbai_IND_DC_A112”,value=12},
新{category=“Beijing_CHI_DC_A223”,value=68},
新{category=“Redmount_US_DC_B221”,value=49},
新的{category=“Sydney_AUS_DC_B1989”,值=37},
新的{category=“DC_US_B1341”,值=17},
新的{category=“KPMG_US_DC_B1099”,值=57},
新{category=“KPMG_CHI_DC_U9489”,value=67},
新{category=“DI_US_DC_A1369”,value=87},
新{category=“MIC_UK_DC_B1709”,value=27},
新{category=“KPMG_UK_DC_B6990”,值=37}
});
})
.工具提示(工具提示=>工具提示
.可见(真实)
.Format(“{0}%”)
)
)
\u 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>

@(Html.Kendo().Chart())
.名称(“图表”)
.标题(“互联网用户”)
.Legend(Legend=>Legend
.位置(ChartLegendPosition.底部)
)
.系列(系列=>{
列(新的双[{15.7,16.7,20,23.5,26.6});
系列.列(新的双[]{67.96,68.93,75,74,78}).名称(“美国”);
})
.CategoryAxis(轴=>轴
.类别(“2005”、“2006”、“2007”、“2008”、“2009”)
)
.ValueAxis(轴=>轴
.Numeric().Labels(Labels=>Labels.Format(“{0}%”))
)
.工具提示(工具提示=>工具提示
.可见(真实)
.Format(“{0}%”)
)
) 

我认为您需要做的就是更改其中一个图表的Name属性。每个图表都需要有一个唯一的名称

@(Html.Kendo().Chart()
    .Name("chart1")
    .Title("Weekly Enagagement Allocation Status ")

@(Html.Kendo().Chart()
    .Name("chart2")
    .Title("Internet Users")
如果两个图表名称相同,则只显示一个图表