-1

enter image description here

I want to implement bar chart like below where the visible range of bar chart is scrollable. Please help me out. Thanks.

Sai Kiran Pulluri
  • 31
  • 6
  • @Niceumang Yeah right now i am using MPChart, The question is how to achieve the bottom scrollable view where the selected portion of the bar chart is only displayed. – Sai Kiran Pulluri Feb 25 '20 at 08:07
  • you can use recyclerview for that and add views(your vertical blue bar) dynamically – niceumang Feb 25 '20 at 09:07

1 Answers1

1

You can use Highstock with column series type:

Highcharts.stockChart('container', {
  series: [{
    type: 'column',
    data: [...]
  }],

  navigator: {
    series: {
      type: 'column'
    }
  }
});

Live demo: http://jsfiddle.net/BlackLabel/6m4e8x0y/4889/

API Reference: https://api.highcharts.com/highstock/navigator.series.type

ppotaczek
  • 36,341
  • 2
  • 14
  • 24