问题标签 [chart.js3]

直到2.9.4 版本，我结合使用 ChartJS 和@types/chart.js来获得所有类型的 TypeScript 支持。我使用 Webpack 和 TypeScript 的最小工作示例如下所示：

包.json：

tsconfig.json：

webpack.config.json：

main.ts：

索引.html：

但是在更新到版本 3.0.0之后，这不再起作用（我删除了@types/chart.js，因为chart.js自该版本发布了它自己的类型）：

npx webpack 服务 --mode 开发

但由于内置类Chart实际上有一个构造函数，我并不真正理解这个问题以及如何解决它。将 ChartJS 版本 3 与 Webpack 和 TypeScript 结合使用的预期方式是什么？

在此先感谢您提供的任何提示，这些提示将我引向正确的方向！

我升级到最新的 Chart.JS 版本 3.0.2。我正在尝试获取要呈现的时间序列图。这是我的配置：

我已经像这样导入了模块：

我得到的错误是：

关于我可能做错的任何提示？

这是一个存在该问题的代码沙箱：https ://codesandbox.io/s/throbbing-cdn-j6q2u?file=/src/App.js

我在纯 JavaScript 页面中使用 chart.js，图表显示为空白。我在 Google Chrome 控制台中没有收到任何错误。下面是我正在使用的代码

chart.js 可以与纯 JavaScript 一起使用吗？我使用的代码有什么问题吗？

我正在尝试使用 chart.js 中的组创建堆积条形图。但我不希望标签多次出现，而只是一个唯一的标签。

这是数据集：

正如您在此处看到的：Codepen 示例 标签“第一个标签”是双倍的，而不是使用相同的标签。我需要这个，因为我有一组数据集，它们都使用相同的标签名称，每个标签应该只存在一次。颜色也会一样。你有什么主意吗？标签过滤功能似乎不起作用...我正在使用 chart.js v3.1.0 谢谢！

我正在尝试从 chart.js 文档中复制此示例： https ://www.chartjs.org/docs/latest/samples/line/interpolation.html

但我不断收到此错误：

未捕获的 ReferenceError：未定义 Utils

我尝试在 Chart.js 文档中搜索“Utils”，但没有成功。知道如何正确使用它吗？我显然缺少一些基本的东西。

如何在 chart.js 版本 3 中使用以下语法？

我正在寻找达到图表最小值的方法。
我找到并尝试过options.scales.yAxes[n].ticks.beginAtZero = true，但 0 太小而不能成为我图表的最小值。
有没有办法在对象（或使用方法）中设置图表的最小值？

如何在雷达图中自定义标签？

我指的不是传说中的标签，而是雷达图顶点的声音

特别是字体和颜色

我搜索了很多，但我找到了旧版本的解决方案，并且仅适用于颜色属性

我只是尝试使用pointLabels财产，但不工作。有人可以帮助我吗？

图片

我正在使用3.2.1版的 Chart.js 和3.0.0-beta.9版的 ng2-charts 。我正在用这个版本升级一个项目。我从模拟数据开始，一切正常：图表按预期显示。

在我开始使用真实数据进行测试之前，我是从后端获取的。轴、标签、图例未更新，图表未显示。

我在这里重现了这个问题： https ://stackblitz.com/edit/chart-js-321-ng2-charts-300-beta9-rest?file=src%2Fapp%2Fapp.component.ts

HTML：

TS：

在这里，我使用的是旧版本，一切正常： https ://stackblitz.com/edit/chart-js-293-ng2-charts-232-rest?file=src%2Fapp%2Fapp.component.ts

我正在使用 chartjs v3（最新），并且我正在尝试使用共享一个 y 轴的多个数据集来呈现图形。

目前我有以下代码：

该defaultChartRenderer函数根本不会修改我的输入。allOnline以下数据以、allOffline、allIdle和的形式传入allDnd：

我希望这会输出包含该数据的图表，但只有 allOnline 数据正确显示。其他一切都向上移动。

当前输出：https ://imgur.com/a/prGiyxy

难道我做错了什么？我尝试添加yAxisID到所有数据集并在所有数据集之间共享一个 id，但这不起作用。我也试过没有normalize: true.