2017-11-29 16 views
0

chartjs-plugin-zoomを使って折れ線グラフをパンしてズームしたい。問題は、パンを使用すると、1つのラベルが残るまでグラフをズームすることができます。チャートモデルがバーの場合は問題ありません。どうすればこの問題を解決できますか?ズームしないでパンするだけでパンが欲しい。 これは棒グラフのために動作しますが、折れ線グラフのために正しく動作しないフィドルです: 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);を変更しました。

関連する問題