我试图弄清楚 chartjs 的 destroy 方法，但它工作得不太好。我使用虚拟按钮对虚拟数据执行此操作，但这就是我所拥有的。用于测试的非常简单的 html 标记：<div class="container mt-5"><div class="row"><canvas id="myChart"></canvas></div><div class="row mt-5"><button class
2018-03-09
新手尝试学习如何使用 chart.js，当我尝试更新图表时，我不断收到“未捕获的 ReferenceError：myChart 未定义”的错误。我的最终目标是能够将图表放入灯箱中，包括似乎工作正常的缩略图。只是无法更新图表。这是我的 barChart.js 代码。此代码位于单独的 .js 文件中。function drawBarChart() {console.log("drawing bar .
2018-07-28
新年快乐！我正在纠结是否需要销毁或更新图表数据，以便在重新加载图表时，鼠标悬停时不会显示先前的数据。我已经在Chart.js 的 API 页面上看到了示例，并查看了 SO 上的许多示例，但似乎没有一个与我的代码由其他开发人员编写的方式相匹配。有人可以告诉我如何使用 myLineChart.destroy(); 或 myLineChart.update(); 吗？代码：// Display the
2019-01-02
我正在尝试使用 HTML 画布设置 Chart.js，我按照在线找到的一些示例进行了操作，这些示例可行，但现在我尝试自己创建 Chart.js，但出现了错误消息。具体错误消息为：TypeError: t is null[Learn More]acquireContext https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.
2019-02-23
我在使用 chartJS 时遇到了问题。我正在调用一个函数来创建新图表。创建成功了，但我想销毁所有之前的图表，这样在调用函数时就可以得到一个新的图表。这是我目前的代码：var chartID;function addData(chartType,data) {for (var i = 0; i < data.length; i++) {dataLabels.push(data[i][0]);dat
2020-04-02
我目前在使用 Chart.JS 时遇到了问题，尤其是销毁多个图表时。设置：我通过其 API 调用地理数据服务，然后在其下方的图表上显示所点击多边形的统计信息。我尝试以编程方式将这些图表和相关数据分配到名为chartPropertyArray的对象数组中。每个数组对象都包含变量、数据和图表变量（请参阅下面的对象结构）。每个 Chart.JS Canvas 对象 (varChart) 和 Chart.
2021-04-01
我正在尝试使用Chart.js向我的折线图添加点击事件。我已经启用了工具提示来显示折线图中的信息，但我还想添加一个点击方法，让我知道用户在 x 轴上点击的位置。现在，我只希望弹出一个警报，告诉我用户在 x 轴上点击的位置的值。研究：我浏览了Chart.js 文档，然后发现了这种方法：.getPointsAtEvent(event)Calling getPointsAtEvent(event) on
2014-08-26
我刚刚开始使用Chart.js，很快我感到非常沮丧。我的堆叠条图表工作，但是我无法获得单击的“事件”来工作。我找到了在github上评论nnnick来自Chart.js的，即使此功能无法使用该函数getBarsateVent，即使此功能也无法可以在chart.js文档中找到）。该文档确实提到了getElementsatevent图表参考的函数，但这仅适用于线图。我设置了事件侦听器（正确的方式）在我
2016-05-09
在 ChartJS 的示例中，有一个交互式图例，允许您隐藏/显示图表中的结果集，即http://www.chartjs.org/docs/#line-chart我一直在查看文档，但我发现对文档的唯一引用是关于创建附加到图表的图例，而不是这种。是否有显示这种我遗漏的图例的选项？
2016-07-08
我刚刚在条形图中添加了一个图表 onclick 函数，该函数允许我根据单击的条形图执行操作 - 效果很好 - 但是（你知道有一个但是）它会禁用正常的图例 onclick 功能。我怎样才能同时拥有这两个 onclick 功能？我猜它可能类似于从图表 onclick 函数调用图例 onclick 回调函数，但细节超出了我目前的知识范围。我已经做到了这一点，但不确定调用默认处理程序的参数应该是什么。va
2017-12-08
我正在使用 Angular 5 和 Chart.js 开展一个项目。我需要在我的图表中创建自定义图例，因此我关注这个 git 问题以获得一些帮助：Github Issue Chart.js。它非常有用，并且它仅在使用纯 javascript 时才按预期工作，但尝试将示例回复到 Angular 5 App 中不起作用，它抛出了this.updateDataset() 不是函数。这是我目前正在 Cha
我有一个饼图，当单击图表的某个部分时，需要调用一个函数；单击图例中的标签时，需要调用另一个不同的函数。我希望通过以下方式实现此行为：options: {responsive: true,legend: {position: 'right',onClick: function (event, elem) {graph_legend_click(elem.text);},},onClick: func
2018-09-18
我在使用甜甜圈图上的自定义 onClick 函数时遇到问题。我唯一需要做的就是覆盖默认图例 onClick 函数，调用原始函数 + 我的自定义代码。根据他们的官方文档和github页面上的建议，我编写了这个 jsvar defaultLegendClickHandler = Chart.defaults.doughnut.legend.onClick;var newLegendClickHandl
2020-02-12
如下面的示例所示，单击图例时不会影响图例。这是什么原因造成的？const autocolors = window['chartjs-plugin-autocolors'];Chart.register(autocolors);var options = {type: 'line',data: {labels: ["0", "1", "2", "3", "4", "5"],datasets: [{l
2022-11-30
我看过很多帖子，描述了如何使用chart.js通过canvas创建图表，然后将canvas保存为 png，并将其导入pdf。这很好，但是如果您想绕过屏幕部分并直接转到 pdf 文档并包含图像，该怎么办？例如，我可能有两个按钮，一个使用canvas在屏幕上打开图表。然后，此页面可以毫无问题地处理图表保存和导入 pdf。另一个按钮直接打开pdf。是否可以将图表放入此文档，无论是否先以某种方式将其保存在