问题描述
我正在使用react-chartjs2来显示通过使用chartjs-plugin-zoom使水平滚动的图表。我不想通过拖动鼠标而是通过单击按钮来平移图表。我已经检查了插件的代码,并且我猜测单击按钮就可以调用doPan()函数,这样我就可以左右移动。
const options = {
layout: {
padding: {
top: 200,left: 50,right: 50
}
},plugins: {
datalabels: {
display: true,anchor: "end",align: "top"
},setTextMiddle: false,zoom: {
zoom: {
enabled: false,drag: true,mode: "x",rangeMin: {
x: "Jan",y: null
},rangeMax: {
x: "June",y: null
}
},pan: {
enabled: true,speed: 2,}
}
},scales: {
xAxes: [
{
gridLines: {
display: false
},ticks: {
max: "Dec",min: "July"
}
}
],yAxes: [
{
display: false,ticks: {
max: 105,min: 60
}
}
]
},maintainAspectRatio: false,responsive: true,legend: {
display: false
}
};
上面的代码是我在反应中用来启用我的图表的平移的代码。任何想法将不胜感激。
在下面的图片中,我可以使用鼠标拖动,我想在左右两侧添加一个按钮,以便在图表上平移。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)