反应本地svg条形图以获得多个列表；我如何分开2个酒吧

Question

对多个列表进行本机svg条形图反应； 我怎样才能分开像这张图片的两个酒吧？ bar-chart

current progress

我该如何实现？

Answer 1

到目前为止的

代码：

my code so far:

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/>
  </BarChart>
)
}
}
export default SliderComponent;

Answer 2

我找到了答案： svg：{               填写：“＃05E4B5”，               x：-2，           }