Pentaho

 View Only

 Scrollable charts

  • Pentaho
  • Pentaho
Jose Sanchez's profile image
Jose Sanchez posted 02-27-2019 22:27

Hello.

There is any way to make a chart be able to scroll through the data when has a lot of series to display and not enough width or height?

Thanks


#Pentaho
Duarte Cunha Leao's profile image
Duarte Cunha Leao

Hi,

assuming you're asking about CCC charts, scrolling happens if the chart grows beyond the initially given size, either horizontally or vertically, and, you've activated scrolling through CSS's overflow attribute.

Certain charts can grow beyond their initially given size. When multi-charts are used, this happens for any chart (that supports multi-charts). Otherwise, growing happens if certain options are used which impose a minimum size. For example, baseAxisBandSizeMin imposes a minimum on the size of categorical bands of Bar charts, Heat-grid, and Line/Area/Dot chart (when used with a categorical "category" visual role). The Heat-grid supports the same behavior for the "series" visual role and the orthoAxisBandSizeMin option.

Hope this helps.

Cheers,

Duarte

Jose Sanchez's profile image
Jose Sanchez

Hi Duarte, thanks for your reply.

Indeed it's with CCC charts, I did some tests with one of the CDE samples included, and there is a case scenario that will be problematic this solution. For this example, a horizontal bar chart, but the orthoAxisBand also scrolls with it, some users might find it confusing and even it the orthoAxisBand position will be set on top, still will scroll. There is a option to fix the orthoAxisBand for this case scenario? I attached some screenshots for visual proposes.

screenshot-20190228145551-979x211 screenshot-20190228145541-989x226

Duarte Cunha Leao's profile image
Duarte Cunha Leao

Hi,

sorry for the late reply. Unfortunately, there's no way to fixate the X axis in view, independently of the vertical scroll position.

You can place the X-axis at the top, with xAxisPosition: "top", but that's it — it will still get out of view when scrolling down.