为多个列表反应原生 svg 条形图；我怎样才能分开2条

Posted 2023-02-23

【中文标题】为多个列表反应原生 svg 条形图；我怎样才能分开2条

【英文标题】：React native svg bar chart for multiple lists; how can i separate the 2 bars

【发布时间】：2020-03-09 05:30:43

【问题描述】：

为多个列表反应原生 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/>

)

【问题讨论】：

到目前为止你做了什么？请编辑并提供您正在尝试的代码。当前问题不清楚

【参考方案1】：

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