不确定如何正确设置本月过滤器

Question

小吃我在本机反应中创建了一个条形图，使用户能够选择月份，并根据他们的选择呈现图表。

然而，到目前为止我所做的只是更改 x 轴上的月份标签。我在条形图本身上实现用户选择时遇到问题。请参阅下文 -

变量数据集的定义方式与官方文档中的方式相同。必须为每条条线定义颜色。我在想，如果可以在其中包含一个 for 循环，根据标签的数量，月份过滤器也许会起作用。我正在使用 applyDateFilter() 来调整图表中的标签。

import {Chart,LineChart,BarChart,PieChart,ProgressChart,ContributionGraph} from 'react-native-chart-kit'

import React, { Component } from 'react';

import {useState, useEffect, useCallback} from 'react';

import { View, Text, StyleSheet, ImageBackground, Icon, FlatList, Button, TextInput, Dimensions, SafeAreaView, Picker, Alert } from 'react-native';

const initialData = [12, 19, 12, 25, 22, 10];

const initialFrom = "0"

const initialToMonth = "7"

const months = [

      { month: "Jan", value: "0" },

      { month: "Feb", value: "1" },

      { month: "Mar", value: "2" },

      { month: "April", value: "3" },

      { month: "May", value: "4" },

      { month: "June", value: "5" },

    ];

const initialLevelsArr = [

          "Jan",

          "Feb",

          "Mar",

          "April",

          "May",

          "June",

        ];

const initialLabels = ["Jan", "Feb", "Mar", "April", "May", "June"];

export default function FocusScreen() {

const [datas, setDatas] = useState(initialData);

const [from, setFrom] = useState(initialFrom);

const [toMonth, setToMonth] = useState(initialToMonth);

const [labels, setLabels] = useState(initialLabels);

const applyDateFilter = () => {

    const newLabels = initialLevelsArr.slice(

      parseInt(from),

      parseInt(toMonth) + 1

    );

    setLabels(newLabels);

    console.log(labels)

  }

const dataset = {

    labels: labels,

    datasets: [

      {

        data: datas,

        colors: [

          (opacity = 1) => `red`,

          (opacity = 1) => `blue`,

          (opacity = 1) => `yellow`,

          (opacity = 1) => `green`,

          (opacity = 1) => `purple`,

          (opacity = 1) => `orange`

        ]

      }

    ]

  }

Answer 1

尝试这个：const applyDateFilter = () => {    const newLabels = initialLevelsArr.slice(      parseInt(from),      parseInt(toMonth) + 1    );    const newDatas = initialData.slice(      parseInt(from),      parseInt(toMonth) + 1    );    setLabels(newLabels);    setDatas(newDatas);  }这样，过滤器也将应用于数据，而不仅仅是标签。