小编kri*_*hna的帖子

我最近使用react-chartjs-2实现了图表显示（https://github.com/jerairrest/react-chartjs-2）

我想启用缩放和平移功能，以便在触摸屏上更加用户友好。为了实现此功能，我安装了react-hammerjs和chartjs-plugin-zoom。

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

我注册了插件

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

渲染方法如下：

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

平移和缩放选项：

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

我想这是正确的实施方法。不幸的是，上述实现并没有奏效。如果你们中的一些人已经使用react-chartjs-2插件实现了缩放和平移，我将非常感激，请分享您是如何实现这些功能的。或者你可以指出我上面代码中的问题。