chart.js - 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

您正在尝试访问 canvas 元素，这不包含图表实例。您将需要调用resetZoom图表实例，以便在通过调用创建图表的位置new Chart将其存储在一个变量中，您可以引用该变量来调用重置。

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

const chart = new Chart(ctx, config);

chart.resetZoom();