第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

不確定如何正確設(shè)置本月過濾器

不確定如何正確設(shè)置本月過濾器

波斯汪 2023-08-24 15:36:41
小吃我在本機(jī)反應(yīng)中創(chuàng)建了一個(gè)條形圖,使用戶能夠選擇月份,并根據(jù)他們的選擇呈現(xiàn)圖表。然而,到目前為止我所做的只是更改 x 軸上的月份標(biāo)簽。我在條形圖本身上實(shí)現(xiàn)用戶選擇時(shí)遇到問題。請(qǐng)參閱下文 -變量數(shù)據(jù)集的定義方式與官方文檔中的方式相同。必須為每條條線定義顏色。我在想,如果可以在其中包含一個(gè) for 循環(huán),根據(jù)標(biāo)簽的數(shù)量,月份過濾器也許會(huì)起作用。我正在使用 applyDateFilter() 來調(diào)整圖表中的標(biāo)簽。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`        ]      }    ]  }
查看完整描述

1 回答

?
慕運(yùn)維8079593

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超5個(gè)贊

嘗試這個(gè):


const applyDateFilter = () => {

    const newLabels = initialLevelsArr.slice(

      parseInt(from),

      parseInt(toMonth) + 1

    );

    const newDatas = initialData.slice(

      parseInt(from),

      parseInt(toMonth) + 1

    );


    setLabels(newLabels);

    setDatas(newDatas);

  }

這樣,過濾器也將應(yīng)用于數(shù)據(jù),而不僅僅是標(biāo)簽。


查看完整回答
反對(duì) 回復(fù) 2023-08-24
  • 1 回答
  • 0 關(guān)注
  • 205 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)