Несколько линейных диаграмм с использованием response-native-svg-charts

Я пытаюсь разместить несколько линейных диаграмм, показывающих разные данные на одном графике, но не могу сделать это в react-native с помощью response-native-svg-charts.

<View style= {{height: 200}}>
      <LineChart 
        style={{ flex:1 }}
                data={this.state.data}
                svg={{ stroke: 'rgb(134, 65, 244)' }}
                contentInset={{ top: 20, bottom: 20 }}
            >
            <Grid/>
      </LineChart>
      <LineChart 
        style={{position: 'absolute'}}
                data={this.state.data1}
                svg={{ stroke: 'rgb(168, 155, 50)' }}
                contentInset={{ top: 20, bottom: 20 }}
            >
            <Grid/>
      </LineChart>
      </View>

Приведенный выше код был тем, что я пробовал, но мне не удалось получить правильный дизайн, так как я получаю только первую линейную диаграмму данных.

Спасибо!


person xyz6675    schedule 27.11.2019    source источник
comment
Вы нашли способ решить эту проблему?   -  person João Paulo Motta    schedule 27.02.2020


Ответы (1)


person    schedule
comment
Добро пожаловать в Stackoverflow. Пожалуйста, объясните свой ответ, чтобы другие могли легко понять. - person octobus; 06.12.2019
comment
Этот ответ работает. Мне интересно, почему это не задокументировано в библиотеке. - person João Paulo Motta; 27.02.2020
comment
Большое спасибо за это, я буду пиарить документацию, это невероятно важная функция, которую следует задокументировать. - person Bigood; 05.03.2020
comment
Я отправил запрос на перенос, еще раз спасибо ! - person Bigood; 05.03.2020