Chart with data left Line and data right Barchart

[ducsilva]

Describe the isssue

I want to show my chart with LineChart data left and Bar chart with data right as below image. Have you any idea for this?

To ReproduceSteps to reproduce the

[Abhinandan-Kushwaha]

Hi @ducsilva 👋
Thanks for requesting this feature. It is now implemented in the latest version of the library. Please use version 1.3.8 of react-native-gifted-charts

I have added support for a new property named isSecondary in the lineConfig object. Setting isSecondary to true results in making the line correspond to the secondary Y axis.

Here's an example-

The code for the above chart is-

const data = [10, 20, 30, 20, 15, 12];
const lineData = [12, 5, 8, 15, 8, 10];

return (
  <View style={{backgroundColor: 'black'}}>
    <BarChart
      data={data.map(i => {
        return {value: i};
      })}
      showGradient
      frontColor={'#8BC9CB'}
      gradientColor={'#07A0A3'}
      barBorderTopLeftRadius={4}
      barBorderTopRightRadius={4}
      hideRules
      yAxisColor={'gray'}
      xAxisColor={'gray'}
      yAxisTextStyle={{color: 'gray'}}
      secondaryYAxis={{
        yAxisLabelPrefix:'$'
      }}
      showLine
      lineData={lineData.map(i => {
        return {value: i};
      })}
      lineConfig={{
        thickness: 4,
        color: 'yellow',
        hideDataPoints: true,
        isSecondary: true, // this is the newly added property
      }}
    />
  </View>
);

[ducsilva]

thank you for your support. It's very helpful for me! I resolved this issue. Your library is so very good