2013-01-24 1 views
4

처음에는 파이 차트 쐐기를 폭발시키는 방법을 알았지 만 (관련 데이터 항목에 대해 간단히 true로 설정), JavaScript에서 클릭하면 쐐기가 폭발하게됩니다. (seriesClick에 바인드 된 함수 행사). 당연히 다른 폭발 된 쐐기가 재설정되어 한 번에 하나의 폭발 된 쐐기 만 남았습니다.클릭하면 검도 원형 차트 쐐기가 폭발하는 법?

물론 차트를 가져오고 클릭 한 쐐기를 나타내는 매개 변수를 전달하는 Ajax 호출을 구현하여 구현할 수 있지만 연결 및 복잡성에 따라 비효율적이며 비참하게 느려질 수 있습니다. 데이터의 (및/또는 필요한 처리).

같은 질문에 대해서는 다른 곳에서 하나의 답변을 찾았지만 제안 된 해결책은 검도 차트에서는 작동하지 않습니다 (검도에서 지원되지 않는 속성이 설정 됨).

누구든지 이와 관련하여 경험이 있다면 저에게 해주신 조언을 주시면 감사하겠습니다.

답변

7

나는 같은 일을 요구하는 검도 포럼이 게시물을 발견하고, 응답에 해결책이있을 수 있습니다 것 같습니다 :

http://www.kendoui.com/forums/dataviz/chart/explode-slices-onseriesclick.aspx

그것의 요점은 당신이 필요로하는 것입니다 데이터의 "폭발"필드를 업데이트 한 다음 차트를 클릭 한 후 다시 그립니다. 이것은 "seriesClick"이벤트와 함께 수행 할 수 있습니다


    seriesClick: function(e){ 
     $(e.sender.dataSource.options.data).each(function (i, item) { 
       if (item.source != e.category) 
       { 
        item.explode = false; 
       } 
       else 
       { 
        item.explode = true; 
       } 
     }); 
     createChart();   
    } 

내가이 기반으로 함께 작업 JSFiddle을 넣어 : http://jsfiddle.net/derickbailey/FXs6b/

HTH

+1

감사합니다, Derick. 한 가지 더 질문이 있습니다. 차트가 표시되면 애니메이션 (전환)을 해제하는 방법을 알고 있습니까? 즉, 쐐기를 클릭 한 후 다시 그리기 할 때 애니메이션이 표시되지 않도록합니다. 이벤트 처리기에서 장면 전환을 false로 설정하면 아무 효과가 없습니다. 전환을 전환 할 수있는 유일한 방법은 전환을 false로 시작하여 설정하는 것입니다.하지만 초기 애니메이션을 가져 오지 않습니다. –

+0

P. .refresh() 메서드를 사용하여 차트를 다시 만들지는 않았지만 전환을 false로 설정 한 후에도 애니메이션 (전환)을 계속 표시합니다. –