问题标签 [chart.js3]

我试图让工具提示始终显示在 Chart.js v3 中的甜甜圈上。有什么办法可以做到这一点？

我正在使用ChartJS v3并且正在尝试实现自定义工具提示定位器，如文档中所述：

https://www.chartjs.org/docs/master/configuration/tooltip.html#position-modes

然而，问题是我正在编码TypeScript并且类型检查正在与我作斗争。第一个问题是我无法像示例中那样定义自定义定位器：

因为返回的类型getPlugin()不包含该positioners属性。

第二个问题是当您必须配置插件时。我不能做到这一点：

因为该position属性仅接受内置值（'average'和'nearest'）的默认值，但不接受自定义字符串。

我该如何解决这个问题？我很高兴最新的 ChartJS 提供了强大的类型，但是如果使库的核心功能无法使用，它们就没有用了……我错过了什么？

• 我正在尝试在我的水平条形图中设置 y 轴的最大值/最小值。
• 结果（下图/笔）显示为 y 轴设置 min/max 有效，但 min/max 的刻度未放置在 y 轴的开始/结束处。
• 如您所见，我的最小值/最大值为 1450/1810，它们未显示在 y 轴的底部/顶部网格线。
• 我猜条形图有宽度，刻度线位于条形图的中间。我的代码、折线图和散点图很好，但条形图。
• 这是我的codepen链接：https://codepen.io/hoai-nguyen/pen/mdWMBeO

• 请看一下，任何建议将不胜感激！

最小/最大刻度不在底部/顶部网格线中

线/散点图很好，但条形图

注意：我使用的是 chart.js 的 3.3.2 版本

我正在尝试使用react-chartjs-2和chart.js添加气泡图，但它没有渲染任何东西。

• “chart.js”：“3.3.2”
• “react-chartjs-2”：“3.0.3”

我尝试了不同的数据集，但它只是呈现空图表。我错过了什么吗？或者react-chartjs-2不适用于Chart.js 3？

我知道有几个答案，但似乎这个有点不同。我需要更改甜甜圈图，将第一个和最后一个四舍五入。因此，在我的示例中，黑色（第一个数据集）只会在开头（一侧）四舍五入，而灰色（最后一个但一个）将在末尾四舍五入，如图所示。

当然，这是 Chart.js 的最新版本（v3）。

我在这里使用了一些代码：Chart.js Donut with rounded edges and text centered

也许使用自定义图表会更好，但我什至无法做到这一点。

到目前为止，这是我的代码。只对第一个数据集进行四舍五入，不幸的是它的两边。

图表 v3 我在一个图表上有多个数据集，我找不到隐藏特定数据集的合适变量。

我以前使用的图表 v2

我正在尝试使用Chart.js 3.3.2显示一些具有等距 x 日期轴的折线图。就像他们在这里给出的例子一样。

我无法获得此示例的简单版本（请参见下面的代码段），因为它输出错误：

错误：此方法未实现：检查是否提供了完整的日期适配器。

我没有尝试实现整个示例，因为它依赖于外部定义的函数和值。

很久以前我问过一个类似的问题（Chart.js 使用日期创建折线图），但是在那里重新阅读了答案，这对我没有帮助（特别是这里的大多数答案也关注 Chart.js 2 而不是 3）。

我将非常感谢这里的任何帮助（我发现这里的文档很难理解）。

因为我刚刚从版本 2.9.4 迁移到 3.2.2，所以一切正常。我面临的唯一一个问题是垂直网格线没有占据画布的全部高度是Stackbliz。

我有一个 50.850 点的向量以折线图类型绘制。我正在使用 chart.js 在图中显示所有这些点，但它没有绘图。有谁知道chart.js可以显示的点限制？

我正在尝试像这样实施现金流入和流出的时间表：

我不知道是否有任何图表类型可能有所帮助。有可能实现这样的图表吗？