Chart.js 重置缩放按钮

Question

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

Uncaught TypeError: $(...).resetZoom is not a function

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

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

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

const chart = new Chart(ctx, config);

chart.resetZoom();

Chart.js reset zoom button