react-native - 在 react-native-chart-kit 中,如何显示具有 min-max 值或“fromZero”的折线图?
问题描述
嗨堆栈溢出社区,
我正在使用 expo 创建一个反应原生移动应用程序。我想使用库“react-native-chart-kit”显示用户输入数据的折线图。我需要在 Y 轴上显示具有最小值和最大值或从“零”开始的折线图。我的问题/阻碍是,
有没有办法让 Y 轴的最小值和最大值显示折线图?我已经尝试了“https://stackoverflow.com/questions/65961180/react-native-chart-kit-min-and-max-value”中的实现。它没有帮助我。
我需要从 0(Y 轴)显示折线图。但是如果我使用 react-native-chart-kit 的 prop "fromZero",数据点和线在 Android 中是分开显示的。下面是代码片段,
<LineChart
data={{
labels: date,
datasets: [
{
data: systole,
strokeWidth: 2, // optional
},
{
data: diastole,
strokeWidth: 2, // optional
},
],
}}
withShadow={false}
width={Dimensions.get("window").width} // from react-native
height={205}
//yAxisLabel={"$"}
chartConfig={{
//backgroundColor: '#e26a00',
backgroundGradientFrom: "white",
backgroundGradientTo: "white",
decimalPlaces: 2, // optional, defaults to 2dp
color: (opacity = 0) => `rgba(2, 34, 82, ${opacity})`,
style: {
borderRadius: 16,
},
useShadowColorFromDataSet: false,
propsForDots: {
r: "6",
strokeWidth: "2",
stroke: "#ffa726",
},
}}
withInnerLines={false}
legend={["blut"]}
bezier
fromZero
style={{
marginVertical: 5,
borderRadius: 16,
}}
/>
任何帮助将不胜感激:)
解决方案
推荐阅读
- javascript - 引导选项卡 - 如何引用单独的 url 模板
- javascript - React history.push 正在更新 url 但无法加载所需的组件
- elasticsearch - 在elasticsearch中导入json文件时,Elasticdump创建一个包含1000个字段的文档
- r - 在 R boxplot ggplot2 中对特定 X 变量进行着色
- regex - 正则表达式查找标签
- google-cloud-platform - Gmail API 是否会发送阅读邮件的时间?
- kubernetes - 用于托管在 kubernetes 内的后端的清漆
- python - 如何在反向 shell 中继续执行命令?
- awk - 如果条件匹配,则行中的所有标题名称
- spring-boot - 此应用程序没有 /error 的显式映射,因此您将其视为后备 404 Not found