ASP.NET Wijmo 控件管理器

此示例演示如何在图表中使用向下钻取功能。

您需要绑定客户端的click事件到图表中。 其javascript代码如下：

var chartClientId = "#<%=C1BarChart1.ClientID%>";
$(document).ready(function () {
	var drawBrands = function (e, data) {
		$(chartClientId).c1barchart("option", "click", drawVersions);
		$(chartClientId).c1barchart("option", "seriesList", seriesList);
	}

	var drawVersions = function (e, data) {
		var key = data.x, series = drillDwonData[key];
		$(chartClientId).c1barchart("option", "click", drawBrands);
		$(chartClientId).c1barchart("option", "seriesList", [series]);
	}

	$(chartClientId).c1barchart("option", "click", drawVersions);
});

测试功能

• 单击任一列可查看所选择的产品的更多细节。
• 在详细视图中再次点击任意列返回。
• 注意根据图表上数值的变化来改变“Y”轴百分比。