c3js에는 음수 값이 0 일 때 x 축이 시작됩니다.

Question

이 c3js - having the X axis in the middle of the chart을 사용하면 차트가 0부터 시작됩니다. 그러나 범례를 클릭하면 x 표가 맨 아래로 되돌아갑니다. 그것을 0에서 시작하는 방법에 대한 아이디어가 있습니까?

내 차트는 동적으로 생성하고

Answer 1

귀하의 D3 조작에만 차트를 한 번 작성 후 호출되는 특정 DOM 요소 ID에 할당됩니다. 범례를 사용하여 전환 할 때이 특정 선택 항목을 표시하지 않고 차트가 다시 생성됩니다. 이 경우 차트를 다시 조작해야합니다. 범례의 onclick 이벤트를 사용하여이 작업을 수행 할 수 있습니다. 기본 onclick 기능을 다시 정의하므로 여기에서 toggle 함수를 다시 호출해야합니다.

var chart = c3.generate({ 
    ... 
    legend:{ 
      item:{ 
      onclick: function(data){ 
      chart.toggle(data); 
      d3.select(chart.element) 
      .select('.' + c3.chart.internal.fn.CLASS.axisX).transition() 
      .attr('transform', "translate(" + 0 + "," + chart.internal.y(0) + ")") 
      } 
      } 
     } 
});