y axis horizontal scroll

[arif3210]

How to make y axis and y axis label stay static (not getting scrolled) while scrolling horizontally in a line chart?

[Abhinandan-Kushwaha]

Hi @arif3210 Y-axis and Y-axis labels do NOT scroll. This is the default behaviour.
Can you share a video/gif showing it scrolling? Also can you share the code for the same?

[arif3210]

scroll.mp4

What I meant is when i Scroll it horizontally, the y axis labels also scroll away, i want the labels stay and the scroll content scroll.Heres the code.Hoping this would help

  <ScrollView horizontal >
  <View style={Style.areaChartView}> 
      <LineChart 
      data={areaChartData}
      xAxisLabelTexts={areaChartLabels}
      showValuesAsDataPointsText
      color1='red'
      noOfSections={5}
      dataPointsWidth={6}
      dataPointsHeight={6}
      textShiftY={-2}
      textShiftX={-5}
      textFontSize={13}
      textColor='black'
      backgroundColor={"#B5C0D0"}
      thickness={5}
      hideRules
      focusEnabled
      />

    </View>
      </ScrollView>

[Abhinandan-Kushwaha]

@arif3210 You don't need the <ScrollView>. Remove it.

[arif3210]

Thankyou for the support. I removed scrollview, but linechart didnt scroll much, then I added width prop to linechart, it worked.