Y-значения VictoryLine изменяются при добавлении новых точек данных - PullRequest
Новая
       23

Y-значения VictoryLine изменяются при добавлении новых точек данных

0 голосов
/ 10 декабря 2018

Проблема: я пытаюсь создать простой линейный график, который обновляется при выборе новых данных.Моя линия VictoryLine не распознает мою ось Y (VictoryAxis) как зависимую ось.На самом деле, линия работает почти одинаково, когда я полностью удаляю обе компоненты оси.Я не уверен, как сделать так, чтобы моя линия надежно отображалась на основе фактических данных.Подробности ниже.

Система репродукции:
Reaction-native: 0.55.4
Reaction-native-svg: 6.5.0
Графики побед: 0.0.1
Победа-натив: 31.0.0

Я использую опцию allData для передачи в часть избыточного хранилища.По умолчанию хранилище редуктов структурировано: изображение хранилища редуксов

Две точки по умолчанию не отображаются на графике автоматически (даже при удалении доменов от осей).Если бы я должен был выбрать 1, график, казалось бы, начинался бы с 10 и шел к 1. Если бы я тогда выбрал 10, y-перехват переместился бы вниз к 5, где это должно быть.Примеры изображений ниже:
состояние проблемы 1
состояние проблемы 2

Вот код, с которым я работаю: 

import React from 'react';
import { View, StyleSheet, Text } from 'react-native';
import Svg from 'react-native-svg';
import { VictoryAxis, VictoryLine } from 'victory-native';

const MoodGraph = ({ allData }) => {

    return(
        <View>
            <Svg>
                <VictoryAxis //Select domain that works absolute then can eventually be filtered by range
                    domain={{x: [new Date(2018, 11, 29, 13), new Date(2018, 11, 29)]}} //set domain to exclude first two state points (so victory line works with no visual errors)
                    scale="time"
                    standalone={false}
                />
                <VictoryAxis dependentAxis
                    domain={[0, 10]} //Adjust picker to selected domain
                    orientation="left"
                    standalone={false}
                />
                <VictoryLine //Need this line to graph mood over time, experimenting with dif domains
                    style={{ data: { stroke: "#000FFF"}}}
                    data={allData}
                    x="date"
                    y= "rating" 
                    scale= {{x: "time", y: "linear"}}           
                />
            </Svg>
        </View>
    );
};

const styles = StyleSheet.create({
parent: {
backgroundColor: "#000000",
padding: 0
},

});

export default MoodGraph;`

Это сводит меня с ума.Пожалуйста, помогите !!

...