2017-11-29 86 views
0

chartjs-plugin-zoom으로 꺾은 선형 차트를 이동 및 확대/축소하려고합니다. 문제는 팬을 사용하면 단 하나의 레이블이 남아있을 때까지 차트를 확대/축소하므로 차트 모델이 막대 일 때 아무런 문제가 없다는 것입니다. 이 문제를 어떻게 해결할 수 있습니까? 나는 단지 팬을 줌하지 않기를 원합니다. 이 막대 차트에서 일하는 바이올린입니다하지만 라인 차트에 대해 올바르게 작동합니다 https://jsfiddle.net/pfd2on55/chart.js에서 팬 또한 꺾은 선형 차트에서 확대

var ctx = document.getElementById("canvas").getContext('2d'); 
var myChart = new Chart(ctx, { 
type: 'line', 
data: { 
    labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept'], 
    datasets: [{ 
    label: '# of Votes', 
    data: [12, 19, 3, 5, 2, 5, 9, 4, 11] 
    }] 
}, 
options: { 
    pan: { 
    enabled: true, 
    mode: 'x', 
    }, 
    zoom: { 
    enabled: true, 
    mode: 'x', 
    } 
    } 
    }); 

답변

0

내가 파일 Chart.Zoom.js의 기능 panIndexScale을 편집하여이 문제를 해결했다. 지금은 제대로 팬 및 줌 작업

var offsetAmt = Math.max((scale.ticks.length - 0), 1); 


var offsetAmt = Math.max((scale.ticks.length - ((scale.options.gridLines.offsetGridLines) ? 0 : 1)), 1);을 변경했습니다.