小编GHO*_*OST的帖子

react-native-chart-kit 不同的阴影颜色

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

<LineChart
  data={{
    labels: dataDayOfWeek,
    datasets: [
      {
        data: dataValueNew,
        color: `rgba(25, 255, 12, 1)`,
      },
      {
        data: dataValueOld,
        color: `rgba(25, 255, 12, 0)`,
        withShadow: false, //this did not work
      },
    ],
  }}
/>;

Run Code Online (Sandbox Code Playgroud)

css jsx reactjs react-native react-native-chart-kit

5
推荐指数
1
解决办法
3258
查看次数

react-native-chart-kit 最小值和最大值

我真的很喜欢react-native-chart-kit 的简洁性,但是我在它如何显示数据方面遇到了问题。

它使用数据中的最低点作为底部,最高点作为顶部。可以选择从零开始,但如果我想从 5 开始怎么办?顶部也一样,如果我想显示5到90的范围怎么办?

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

谢谢

在此输入图像描述

jsx reactjs react-native react-native-chart-kit

4
推荐指数
2
解决办法
7347
查看次数

createBottomTabNavigator 中的初始路线有问题

在我的 中BottomTabNavigator,我有一个概述选项卡。当我单击它时,它会显示概述选项卡的初始路线。从这里,我可以点击查看更多详细信息。这将路由到不同的屏幕。我们称之为(B)

我的问题是,如果我位于“概述”选项卡内的此路线/页面 (B),然后我单击另一个选项卡,然后返回“概述”,它会显示路线/页面 (B),但是我希望它显示路线/页面( A)如果我更改一个选项卡并返回它。

我怎样才能做到这一点?

这是我的 OverviewStack.js

import OverviewStack from "./overviewStack";
import { createStackNavigator } from "react-navigation";
.
.
.
const OverviewStack = createStackNavigator(
  {
    ...OverviewRoutes,
  },
  {
    initialRouteName: "Overview",
    resetOnBlur: true,
    navigationOptions: ({ navigation }) => ({
      ...SharedHeader(navigation),
    }),
  }
);
Run Code Online (Sandbox Code Playgroud)

tabNavigator.js

import { createBottomTabNavigator } from "react-navigation";
.
.
.

export default createBottomTabNavigator(
  {
    Overview: {
      resetOnBlur: true,
      screen: OverviewStack,
      navigationOptions: {
        title: "Home",
      },
    },
    Averages: {
      resetOnBlur: true,
      screen: TrackStack,
      navigationOptions: { …
Run Code Online (Sandbox Code Playgroud)

jsx react-native

2
推荐指数
1
解决办法
1871
查看次数

标签 统计

jsx ×3

react-native ×3

react-native-chart-kit ×2

reactjs ×2

css ×1