범례 항목 클릭에 집중 고정

Question

많은 행이있는 다중 시리즈 꺾은 선형 차트가 있습니다. 차트에서 차트를 제거하지 않고 다른 데이터 포인트를 페이드 아웃시키는 포커스 API를 좋아합니다 (빠른 비교가 가능합니다).

지금 사용자가 일부 범례 항목에 마우스를 올리면 항목이 강조 표시되고 나머지는 회색으로 흐리게 표시됩니다. 이 문제는 내가 먼저 항목을 가리키고 차트에 가서 툴팁을 볼 수는 없으므로 더 이상 마우스를 가져갈 수 없기 때문입니다.

그래서 내가하고 싶은 것은 범례 항목을 클릭하고 "수정"하거나 항목을 선택하여 다른 항목을 페이딩 (숨기기가 아닌)하는 것입니다. 당신은 거의 그것을 가지고

var chart_test = c3.generate({ 
    bindto: '#charttest', 
    data: { 
     type: 'spline', 
      x: 'x', 
      columns: [ 
       //DATA 
      ] 
    }, 
    legend: { 
      item: { 
       onclick: function (d) { 
         chart_test.select(d); 
         chart_test.focus(d); 
       } 
      } 
    }, 
}); 

Answer 1

, 단지 선택을 활성화하고 마우스가 더 이상 전설을 가져하지 않는 때 호출되는 것을 디 포커스 이벤트를 방지 :

이것은 내가 지금 가지고있는 것입니다.

var chart = c3.generate({ 
    bindto: '#chartid' 
    data:{ 
    .... 
    selection: { 
      enabled: true 
    } 
    }, 
    legend: { 
      item: { 
       onclick: function (d) { 
         chart.focus(d); 
         chart.select(d); 
       }, 
       onmouseout: function(d){ 
         // prevent deselect onmouseout 
       } 
      } 
    } 
}); 

남아있는 유일한

은 사용자가 다른 항목을 선택하거나 현재 선택을 취소하고자 할 때 어떤 논리입니다.