问题标签 [react-native-svg-charts]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 在本机反应中实现此图表
在下面的图表中：
白点沿黑线移动。我可以制作背景条，但曲线活和白点似乎很难。
我已经将react-native-svg-chart用于其他图表，但 IDK 我可以用这个库制作这个图表。
我应该如何在本机反应中实现这个图表？
javascript - 如何从 react-native-svg-charts 沿 PieChart 组件的圆周呈现标签？
这是我的代码的快照：
这是结果：
我想像这样对齐标签：
标签在不同的饼图上看起来非常不一致，这就是为什么我想沿着各自弧线的曲线渲染标签（首选弧线的中心）。
我已经尝试过 react-native-svg 中的 TextPath 和 TSpan，但是当它是要绘制路径的组件的子组件时，无法弄清楚如何绘制 TextPath。
javascript - React 原生饼图
我怎样才能画出这样的饼图？我正在使用来自 vivictory-native 库的 VictoryPie 和 VictoryLabel，但我无法根据数据为每个标签设置标签位置和背景颜色，也无法将边框设置为白色。有没有可以解决这个问题的图书馆？
javascript - 如何在 react-native-svg-charts 上的条形图中 onPress 和其他颜色
我想放置一个事件，我点击图表并以不同的方式表达图表的颜色。为此，已处理图表数据，但已处理选项无法正常工作。
并且在处理完数据后，无法在图表中插入额外的 SVG。发生了错误。所以我已经注释掉了。
控制台日志
不显示图表截图
- 包.json
你怎么能解决这个问题？
react-native - 如何在图表中反应原生时使用工具提示实现这种滑动条
嗨，我想在反应原生图表或 SVG 图表中使用工具提示实现这种滑动线。谁能帮我弄清楚我们如何实现这一点
react-native - 使用 renderGradient 设计区域图以对颜色渐变做出本机反应
我正在尝试使用下图设计此 UI
我试图在图中实现两件事
- 颜色渐变
- 单击该行时，我希望能够显示显示单击点处的值的小框。
当我尝试将线性渐变添加到 renderGradient 但出现错误时
我还不知道错误是什么意思。
一个演示真的会帮助我。谢谢。
javascript - 反应原生 svg 图表呈现重复文本
我正在使用“react-native-svg-chart”来创建饼图，但我面临的问题是它在饼图的中心呈现重复的文本（下图）。
这是我正在使用的代码
react-native - 时间范围内的图表反应原生 svg 图表
我正在使用 react-native-svg-charts 库处理图表，看起来它非常灵活和酷，但我遇到了这个问题。我需要为 xAxis 建立 24 小时时间表，但不知道该怎么做。
所以我有一个看起来像这样的图表
接下来是图表的代码：
如您所见，XAxis 有点显示时间线，但未应用。如果是这样，在图表之前和之后，我们应该会看到像这张图片一样的空白区域。
我的问题是下一个。如何为 xAxis 设置域，如上图所示？
对于图表，我使用 Y 值数组和 X 时间戳数组。也许我应该以某种方式指出 AreaChart 的 xMax、xMin 属性。有任何想法吗？