问题标签 [react-native-chart-kit]

如何在条形图顶部显示 Y 值。npm react-native-pure-chart

请查看此处的图片图表

背景：我正在尝试按照本教程向 react-native-svg 图表添加工具提示。教程链接：链接

当前代码实现：

问题：我想在工具提示文本旁边添加上图所示的图标（运行图标）。图标，然后将矩形内的文本填充为黑色。当我尝试定位它时，它出于某种原因出现在最左上角。我该如何定位？

当前实施：

这是一个使用 react-native-svg 库的图表，其中添加了工具提示。我想让线条的颜色变成渐变而不是单一的颜色

代码：

问题： 当图表超过特定阈值时，我希望图表的颜色不是只有灰色，而是红色，另一个值是黄色，最低值是绿色。

有点像这样：

我发现了什么：

我无法将两者结合起来。请帮忙。

我正在使用react-native-chart-kit来显示并尝试更改 y 轴（请参见下面的屏幕截图）。我尝试用字符串数组填充 yLabels 属性。但这没有用。任何帮助，将不胜感激！

我正在使用https://www.npmjs.com/package/react-native-chart-kit并尝试制作一个图表以匹配以下设计规范：

我可以获得大多数选项来处理这个问题末尾附加的代码，但是我似乎无法弄清楚如何删除每个单独条的不透明度，所以它最终看起来像这样：

我一直在研究源代码并使用道具和样式无济于事..任何帮助将不胜感激！

我正在尝试为动态数据放置堆栈条形图，并且 data.data 数组中的行数会有所不同。我无法正确看到图表之外的内容。有人能说出这有什么问题吗？

我也不能直接在图中使用状态变量。

图表如下

我正在尝试将使用 react-native-chart-kit 创建的图表导出到带有 expo-print 的 PDF 文档。我很难做到这一点。我找不到在 PDF 中呈现图表的方法，它只放置带有图表描述的文本。

这是我正在使用的代码：

...

谢谢大家的帮助！:)

我想将这些变量放入 Ylabels [80,90,100] 但图表从我放入数组中的最小变量开始我找到了一种在折线图中执行此操作的方法，但它不适用于 BarChart

graph所以在图片中我希望左边是这些变量！

我真的很喜欢 react-native-chart-kit 的简洁性，但是我对它如何显示数据有疑问。

它使用数据中的最低点作为底部，最高点作为顶部。有一个从零开始的选项，但如果我想从 5 开始呢？顶部也一样，如果我想显示 5 到 90 的范围怎么办？

我想知道是否有人对此图表了解更多或使用过其他可以做这些事情的东西？

谢谢

所以我想在我的图表上画两条线，我给每条线使用不同的颜色color。我也想给每条线一个不同的阴影。然而，通过改变withShadow，它要么true适用于两者，要么适用false于两者，不能适用于每个。我希望我可以将阴影用于一个数据集而不是另一个数据集，或者为每个数据集使用不同的颜色。