为多个列表反应本机 svg 条形图；我怎样才能分开这两个酒吧

Question

React 原生 svg 条形图用于多个列表；我怎样才能像这张图片那样分开 2 个条形图？ bar-chart

current progress

我怎样才能做到这一点？

到目前为止的代码：-

到目前为止我的代码：

import React, {Component} from 'react'
import { View, StyleSheet} from 'react-native'
import { BarChart, Grid } from 'react-native-svg-charts'

class SliderComponent extends Component{
render(){
 const data1 = [ 14, 8, 6, 13 ]
 .map((value) => ({ value }))
 const data2 = [ 9 , 7, 12, 10 ]
 .map((value) => ({ value }))

const barData = [
  {
  data: data1,
  svg: {
      fill: '#05E4B5',

  },
 },
 {
  data: data2,
  svg: {
    fill: '#7659FB',
},
},
  ]

return (
<BarChart
  style={ { height: 200 } }
  numberOfTicks={0}
  spacingInner={0.5}
  spacingOuter={0.2}
  data={ barData }
  yAccessor={({ item }) => item.value}
  contentInset={ { top: 20, bottom: 30 } }
  { ...this.props }
  >
  <Grid/>

) } }

Answer 1

我找到了答案： SVG：{ 填写：'#05E4B5'， ×：-2， },

为多个列表反应本机 svg 条形图；我怎样才能分开这两个酒吧

React native svg bar chart for multiple lists; how can i separate the 2 bars

charts

components

bar-chart

react-native

react-native-svg-charts