telerik MVC图表在同一页面中一次只支持一个图表吗
这是我的源代码。我使用的是telerik Control试用版。 当我尝试图形时,它一次只显示一个。telerik是否在同一页中支持多个图表 我的索引页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
<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")
如果两个图表名称相同,则只显示一个图表