问题标签 [react-native-svg-charts]

手头的任务：

到目前为止，我已经采取了很多措施：

1. 来自 [https://github.com/JesperLekland/react-native-svg-charts-examples][2] 的饼图

这里我将整个饼图分成 50 个 1 值的单位，以获得 Split-bar 效果。我可以根据上面显示的图像传递颜色。但是我怎样才能添加内线（红色和绿色）和里面的数据呢？任何帮助，将不胜感激！

背景：

目前正在尝试按照本教程使用 react-svg-chart 库实现带有工具提示的折线图。

问题：

onClick 装饰器显示在我的手机上的 Expo 应用程序（此代码）上并且运行良好，但是当我将完全相同的代码放入我的应用程序时，工具提示不会显示。如果我为这些点打印一个 console.log - 我得到了响应，但是带有 y 值的视图没有显示出来。知道为什么吗？

电流输出：

预期输出： 当前代码实现：

我正在使用 react-native-svg-charts 库来呈现带有自定义处理程序的折线图。如代码所示，处理程序由一个圆圈和一个矩形组成，它们根本不显示。这可能是库版本问题吗？我已将 react-native-svg 和 react-native-svg-charts 更新到最新版本。我错过了什么？有任何想法吗？

嗨，我想用 2 个数据集实现这种图表

通过使用 react-native-svg-charts

我的数据看起来像这样

我将它们分组为这样的一个数据

而不是得到我想要的图表，我的图表看起来像这样

那么我如何按数据集对它们进行分组呢？

下面是我的完整代码

我经常收到以下错误。

错误：不变违规：requireNativeComponent：在 UIManager 中找不到“RNSVGTSpan”。

这是我的依赖项：{ "react-native-svg": "^12.1.0", "react-native-svg-charts": "^5.4.0", }

我在使用 react-native svg-charts 格式化我的 X 轴时遇到问题。标签的顶部被切断，我不确定它们是否与条形图元素正确对齐。我已经使用内容插入来尝试手动对齐它们，并且我正在使用旋转样式使标签更好地适应屏幕（不重叠）。

相关代码如下：

上面代码渲染时的截图：

正如您所看到的，一些 X 轴值从顶部被截断，我已经尝试了许多值，但似乎无法找到标签正确呈现的最佳位置。我想为标签添加更多内容，但首先需要修复格式。Y 轴也使用内容插图固定到位。非常感谢任何帮助，因为我已经浏览了 github repo 提供的资源等等。谢谢一米！

我想在 xAxis 上的每个值上显示小线。我可以设法从 react-native-svg 中放置我想要的小线条，但问题是当图形的宽度改变时，线条当然会保持在相同的位置。如果我能得到 xAxis 宽度，问题就会解决。

我需要从 React-Native-SVG-Charts 创建一个动画进度圈。

我需要在大约 3 秒内完成 0-1 .. 我似乎无法找到在本机反应中我可以在哪里以及如何做到这一点.. 我需要使用 Animated 吗？

我以前在网上做过，但在 RN 中似乎不一样。

这里的例子，但我真的需要用我当前的包来做这个，以最小化包下载/应用程序大小

我试图让这个折线图正确缩放，但我无法让 YAxis 与 LineChart 上的刻度对齐。我花了几天时间研究这个，我能找到的唯一信息是我需要确保 numberOfTicks 道具在 YAxis 组件和 LineChart 组件之间对齐。它是从 var 接收的，所以它的值绝对相同。如果您需要更多信息，我会尽我所能通过更新这篇文章将其提供给您。

无论传递什么值，都在折线图上呈现 10 个刻度，yAxis 正确呈现

更新：5 滴答及以下会改变滴答的数量，但任何高于 10 的滴答声都不会改变

这显示了黑色的刻度以及 Y 轴

笔记：

• 使用 Var 保存 numOfTicks

• 使用世博会

包裹：

• 反应原生 svg 图表

代码：

我对 React native 还很陌生，所以如果我的解释很糟糕，请原谅。

我正在尝试制作一个应用程序，它获取 BLE 数据并将其绘制到图表上，因为它被接收。使用“xstream”包接收数据时将数据放入流中，然后使用“stream-to-array”包将这些数据放入数组中，我使用的图形库是“react-native -svg 图表'。

到目前为止，我一直在努力测试从流中获取数据并将其格式化在图表上的能力，因为即使流中有数据也没有显示任何内容。