플루터 bar chart에서 가로 스크롤 추가하기

bar char 작업 하던 도중 x축 항목이 12개나 되지 다닥다닥 붙어서 보기 싫은 현상이 발생했다

그래서 scroll 처리 하고 싶어서 그냥 listview로 넣었는데, 

오류가 발생했다

그래서 git hub에 

나와 같은 고민을 하고있는 사람이 없을까 싶어 issue에서 검색해봤는데 

 

ㅇ나대... 

바쁘신거 알지만 그래도... 구현해주세요... 하고 있었는데 

세상에 대단한 사람들은 많나보다 

구현하신 분이 있었다 

 

Scrollbar( 
    child: SingleChildScrollView( 
      scrollDirection: Axis.horizontal, 
      child: SizedBox( 
        width: width, 
        height: height, 
        child: ListView( 
          children: [ 
            SizedBox( 
              width: width, 
              height: height, 
              child: w, 
             ) 
           ], 
        )
      )
    )
  )

 

이렇게 하면 깔끔하게  스크롤이 된다!

width 에는 낙낙하게 2000정도 넣고 하면 되는데, 취향에 맞게 값을 넣어서 사용하면된다! 

 

비포 vs 에프터

 

https://github.com/imaNNeoFighT/fl_chart/issues/71

How to make scrollable x axis in flchart so that it looks nice not so compact in nature? · Issue #71 · imaNNeoFighT/fl_chart