问题标签 [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.
javascript - 使用 react-native-svg-charts 以日期为 x 轴的图表
我有一个数据集
我想在我的 React Native 应用程序的折线图中显示。我为我的图表使用 react-native-svg-charts，虽然我更喜欢使用它，但我当然愿意寻找替代品。
如何制作 y 轴上的值 14-18 和 x 轴上分布的日期的折线图，以便图表显示数据条目中的不规则性？到目前为止，我得到了它们，以便每个条目与其邻居的间距相等，并且我希望条目之间的间距能够反映条目之间的时间距离。
android - TouchOpacity 组件设置为在 android 中定位绝对不可点击
我使用 react native 的 TouchOpacity 组件创建了一个自定义下拉列表，如下所示。
样式如下。
按下时，TouchOpacity 组件不会触发 onpress 功能。这个问题只存在于安卓而不是IOS。
编辑 1：使用 react-native-svg-charts 创建了一个 areachart，它与提到的下拉列表重叠。但是，在检查 onPress 不起作用的原因是否可能是由于 zIndex 问题时，我注意到提到的下拉列表是最顶层的组件。
图表的代码如下。
我正在使用 react-native-svg-charts
图表的样式如下。
react-native - 如何使用react-native-svg-charts中的工具提示标记触摸值的垂直和水平线获取x和y坐标值
如何在 react-native-svg-charts 中使用工具提示标记触摸值的垂直和水平线获取 x 和 y 坐标值。
我只想用 react-native-svg-charts 与此链接中给出的相同
https://github.com/FormidableLabs/victory-native/issues/358#issuecomment-411775865
react-native - 如何在胜利原生中使用自己的数据键而不是默认用于绘制图表的 x 和 y
如何在胜利本机中使用自己的数据键而不是默认用于绘制图表的 x 和 y 如以下代码所示，我想使用 myx 而不是 x 来表示 x 轴上的数据，并在 y 中步进为 y -轴。
而不是这个......
我希望这些数据用于图表....
在此我想使用 myx 作为 x 轴数据和 step 作为 y 轴数据来绘制图表
react-native - 当用户在 react-native 中按下图表时如何突出显示条形图
使用 onPress 事件是否可以更改条形图的特定条形颜色或样式？
https://github.com/JesperLekland/react-native-svg-charts
任何人，请帮助我。
javascript - 将图像放在折线图中的行尾（react-native-svg-charts）
我有一个折线图react-native-svg-charts，我想在行尾包含一个 40 像素 x 40 像素的 PNG 图像。这是我当前的代码：
它看起来像这样：
我需要让它看起来像这样：
我可以使用图表数据中的值来计算绝对位置，然后只使用常规图像，但也许使用 SVG 有更简单的方法。
作为记录，PNG 图标也可以是 SVG（我在 SVG 中也有）。
javascript - 使用 react-native-svg-charts 的多个折线图
我正在尝试在一个图表中放置多个显示不同数据的折线图，但无法使用 react-native-svg-charts 在 react-native 中这样做。
上面的代码是我正在尝试的，但由于我只得到第一个数据的折线图，所以无法获得正确的设计。
谢谢！
react-native - 试图注册两个同名的视图 RNSVGRect
面对这个问题，当我将两个库 react-native-d3multiline-chart 用于折线图和条形图时，我使用的是 react-native-svg-charts。两个库都使用相同的 react-native-svg，当我使用 react-native-svg 时，它显示上述错误。我们该如何解决？
react-native - 是否有用于绘制实时时间序列数据折线图的 React-native 包？
我尝试过使用 react-native-svg-charts、react-native-highcharts 但没有帮助。我无法绘制数据点、移动轴（根据时间）和标记轴。
我的数据是这样的：
1: {value: 119.6932, date: Tue Jan 14 2020 13:12:32 GMT-0500 (Eastern Standard Time)}
2: {value: 119.9372, date: Tue Jan 14 2020 13:12:32 GMT-0500 (Eastern Standard Time)}
3: {value: 120.2093, date: Tue Jan 14 2020 13:12:32 GMT-0500 (Eastern Standard Time)}
4: {value: 122.9826, date: Tue Jan 14 2020 13:12:32 GMT-0500 (Eastern Standard Time)}
5: {value: 114.2904, date: Tue Jan 14 2020 13:12:32 GMT-0500 (Eastern Standard Time)}
以上是使用 react-native-svg-charts 实现的，在这里我能够以某种方式根据实时时间移动 x 轴（时间），但它不正确。有没有好的格式建议？谢谢