Chart.js重置缩放按钮

Question

我使用的是chart.js API版本3.4.1，缩放后我有一个重置图形的按钮。当我点击按钮时，返回以下错误：

未捕获类型错误：$(…(.resetZoom不是函数

HTML代码：

<canvas id="grafico3" style="background-color: #DCDCDC"></canvas>
<a class="btn btn-default" onclick="resetZoom3();" >Reset Zoom</a>

JS代码：

function resetZoom3() {
$("grafico3").resetZoom();
}

有人知道重置图表的缩放比例吗？

Answer 1

您正在尝试访问画布元素，该元素不包含图表实例。您需要在图表实例上调用resetZoom，因此在通过调用new Chart制作图表的地方，您需要将其存储在一个变量中，您可以引用该变量来调用重置。

所以你会得到这样的东西：

const chart = new Chart(ctx, config);
chart.resetZoom();