Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将滚动条与chartjs缩放插件集成在一起_Javascript_Canvas_Chart.js_Chart.js2 - Fatal编程技术网

Javascript 将滚动条与chartjs缩放插件集成在一起

Javascript 将滚动条与chartjs缩放插件集成在一起,javascript,canvas,chart.js,chart.js2,Javascript,Canvas,Chart.js,Chart.js2,我正在使用chartjs制作图表并进行缩放。我使用了它的官方缩放插件,但问题是当我们放大图表上的点时会超出轴,直到我们缩小为止。所以我想知道是否可以将滚动条与图表缩放集成在一起 比如,如果点超过了页面宽度,我们有一个自动滚动选项来滚动并查看该点 这是我的画布HTML <div class="col-sm-9 chartWrapper"> <div class="chartAreaWrapper" id="crm_chart"> <canvas id="g

我正在使用chartjs制作图表并进行缩放。我使用了它的官方缩放插件,但问题是当我们放大图表上的点时会超出轴,直到我们缩小为止。所以我想知道是否可以将滚动条与图表缩放集成在一起

比如,如果点超过了页面宽度,我们有一个自动滚动选项来滚动并查看该点

这是我的画布HTML

<div class="col-sm-9 chartWrapper">
  <div class="chartAreaWrapper" id="crm_chart">
    <canvas id="graph_crm_main_panel0" width="2520" height="1130"">
    </canvas>
  </div>
</div>


提供的示例对于演示可能不可靠。至于问题本身,zoom插件有一个拖拽/平移选项,可以用来在数据被挤出视图后对其进行模式化处理

缩放:{
enabled:true,//用于启用缩放的布尔值
拖动:true//启用拖动缩放行为
}

你能做到这一点吗?@AnubhavGupta不,我不能做到这一点,当时zoom插件不能正确缩放一般类型的数据。我对今天不太了解。