Combine bar and line in same chart?

[jannejava]

I am currently working on a data visualization project using Victory Charts in a React Native environment. My goal is to create a chart that seamlessly integrates both a bar chart and a line chart, displaying them concurrently for comparative data analysis.

However, despite searching through the documentation and various resources, I haven't found any clear examples or guidelines on how to implement this specific combination of chart types in Victory Charts.

Is this possible something like this?

<BarGroup chartBounds={chartBounds}>
  <BarGroup.Bar points={points.y} color="red" />
  <BarGroup.Line points={points.z} color="blue" />
</BarGroup>

Thanks in advance!

[JennieCrowel]

any updates on this?

[Deval99]

Is it even possible ?

[JennieCrowel]

Actually, it is.
We should just combine the charts we want inside CartesianChart. Here is the example from my code

     <CartesianChart
                    data={data}
                    padding={5}
                    xKey="data_ts"
                    yKeys={[
                      'temp_max',
                      'rain',
                      'w_speed',
                      'leaf_w',
                    ]}
                    xAxis={{font, tickCount: data.length, axisSide: 'top'}}
                    yAxis={[
                      {
                        yKeys: ['rain'],
                        axisSide: 'right',
                        lineWidth: 0,
                        domain: [0, data[0].maxValueRain],
                      },
                      {
                        yKeys: ['w_speed'],
                        axisSide: 'right',
                        lineWidth: 0,
                        domain: [0, data[0].maxValueWind],
                      },
                      {
                        yKeys: ['leaf_w'],
                        axisSide: 'right',
                        lineWidth: 0,
                        domain: [0, data[0].maxValueLeafWetneess],
                      },
                      {
                        yKeys: ['temp_max'],
                        axisSide: 'left',
                      },
                    ]}>
                    {({points, chartBounds}) => (
                      <>
                        <BarChart
                          points={points[paramsMapped[selectedTemp]]}
                          chartBounds={chartBounds}
                        />
                        <LineChart
                          id="temp_max"
                          points={points.temp_max}
                          color={'red'}
                        />
                      </>
                    )}
      </CartesianChart>

[zibs]

Yep, should definitely be possible, thanks @JennieCrowel