Canvasjs, 데이터 포인트의 단일 선택 허용

Question

파이 차트에서 한 번에 하나의 데이터 포인트 만 분해 할 수 있습니까?

지금은 원형 차트에서 모든 클릭 된 항목을 폭발 (이동)합니다.

Answer 1

아슈,

당신이 시도 할 수 있습니다 :

var chart = new CanvasJS.Chart("chartContainer", 
 
\t { 
 
     
 
     data: [ 
 
     { 
 
     type: "pie",//"doughnut" 
 
     dataPoints: [ 
 
     { x: 10, y: 71 }, 
 
     { x: 20, y: 55}, 
 
     { x: 30, y: 50 }, 
 
     { x: 40, y: 65 }, 
 
     { x: 50, y: 95 }, 
 
     { x: 60, y: 68 }, 
 
     { x: 70, y: 28 }, 
 
     { x: 80, y: 34 }, 
 
     { x: 90, y: 14} 
 
     ] 
 
     } 
 
     ] 
 
    }); 
 

 
chart.options.data[0].click = function(e){  
 
    var dataSeries = e.dataSeries; 
 
    var dataPoint = e.dataPoint; 
 
    var dataPointIndex = e.dataPointIndex; 
 
    
 
    for(var i = 0; i < dataSeries.dataPoints.length; i++){ 
 
     if(i === dataPointIndex){ 
 
      dataSeries.dataPoints[i].exploded = true;    
 
     }else   
 
      dataSeries.dataPoints[i].exploded = false;    
 
    } 
 
    
 
    
 
    chart.render(); 
 
}; 
 

 
chart.render();

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script> 
 
<div id="chartContainer" style="height: 200px; width: 100%;"></div>