ズームとパンで反応する-chartjs-2、私は最近、私はズームと、それはタッチで、よりユーザーフレンドリーになるように機能をパン有効にする反応-chartjs-2（<a href="https://github.com/jerairrest/react-chartjs-2" rel="nofollow noreferrer">https://github.com/jerairrest/react-chartjs-2</a>）</p> <p>を使用してグラフ表示を実装している

import {Chart, Line} from 'react-chartjs-2'; 
import Hammer from 'react-hammerjs'; 
import zoom from 'chartjs-plugin-zoom'

そして、私は

componentWillMount(){ 
    Chart.plugins.register(zoom) 
}

そしてrenderメソッドは次のようになり、プラグインを登録：私はこれがあると思い

pan:{ 
    enabled=true, 
    mode:'x' 
}, 
zoom:{ 
    enabled:true, 
    drag:true, 
    mode:'xy' 
}

：

render(){ 
    return <Line data={data} options={options} /> 
}

パンとズームのオプション実装する正しい方法。残念ながら、上記の実装はうまくいきませんでした。 react-chartjs-2プラグインを使用してズームインとパンニングを実装している人がいれば、本当に感謝しています。または上記のコードで問題を指摘することができます。

2017-09-21 krishna

あなたは間違ったハンマーをインポートしました。それは "hammerjs"からでなければなりません。

2017-10-09 08:00:42

は機能しません。 – krishna

npmでhammerjsをインストールしてwebpackedしていることを確認してください –

答えて