Drill-down

설명

이 샘플에서는 차트의 드릴다운 기능을 사용하는 방법을 설명합니다.

클라이언트 측 클릭 이벤트를 차트에 바인딩해야 합니다. javascript 코드: _x000D_

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'축의 비율이 차트 값에 따라 바뀝니다.
도움말