php - 如何在缩放后重置图形/图表,使用 chartjs 平移

标签 php html chart.js

我最近在折线图中添加了放大和平移功能。现在我想在按下的图形恢复到正常位置/形状时添加一个重置按钮或类似的东西。目前我正在为每 10 秒更新一次的动态数据绘制它。

提前谢谢你。

最佳答案

尝试 chartjs-plugin-zoom

首先获取Chart.js实例,然后调用实例的resetZoom函数即可重置缩放和平移。

window.myLine = new Chart(ctx, config);

...

function resetZoom() {
  window.myLine.resetZoom();
}

...

<button onclick="resetZoom()">Reset Zoom</button>

我使用的 chart.js 版本是 2.9.3chartjs-plugin-zoom 版本 0.7.7

查看示例:

关于php - 如何在缩放后重置图形/图表,使用 chartjs 平移,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44282734/

相关文章:

javascript - 自定义 Chart.js

php - 限制 WP_Query 和 WooCommerce 产品查询中的帖子

php - 使用 foreach 循环发布动态生成的文本框

php - 如何在 Cake PHP 3.5 中设置模型之间的关联?

jquery - 悬停滑动底线,颜色变化

python - 如何根据文本中的关键字将一个html页面拆分为多个html

php - 如何使用 php 脚本将组合框和单选按钮值存储到 mysql 数据库?

php - 强制浏览器下载

javascript - 为什么悬停在雷达图上的某个点上看不到数据值?

javascript - 如何为 ChartJS 条形图中的每个条形获取不同的标签?