Allow scrolling of timeline chart

[Jack_Day]

Hello,

For the timeline visualization, is it posible to allow scrolling of tile made with this visualization in a dashboard.

Currently, if we have many different values for the dimension, the bars created for the graph bunch up with the confines of the tile and it doesn’t look very good. the only way I can find to fix this is too make the tile extremely long. But I want to know if there is a way of keeping the tile to a reasonable size, but allow the user to scroll vertically within that tile to be able to view all the data.

Thank you

[mfinn]

I know this is 2 years old, but any update on this? Same issue I am having where I have about 100 dimensions before filtering and would like a way to be able to add vertical scrolling so the tile doesn't look so messy.

[mfinn]

 Also looking for ways to make the timeline chart a little more customizable. Veritical scrolling would be nice, along with a way to set a specified padding between the rows so that when a filter is applied, it doesn't spread them out across the entire height of the tile

[ruthc]

You can now use the Chart Config Editor to add vertical scrollbar. You will probably need to reposition the legend too (if using a legend), to prevent it from overlapping with the timeline bars:

  // Specify that a vertical scroll bar will be inserted, and that the scrollbar will be automatically positioned to the top of the chart on load. Adjust the minHeight value until the bar stop overlapping. (The minHeight value controls the height of the whole chart - if the tile is shorter than this value, then a scroll bar will be inserted.)

  chart: {
    scrollablePlotArea: {
      minHeight: 5500,
      scrollPositionY: 0
    },
  },

  // Reposition the legend using x and y co-ordinates (to avoid the timeline bars from overlapping on top of it). You can also specify a background and border colour (currently set to white)
  legend: {
    enabled: true,
    align: 'left',
    verticalAlign: 'bottom',
    floating: true,
    layout: 'horizontal',
    x: 80,
    y: 10,
    backgroundColor: '#ffffff',
    borderColor: '#ffffff',
    borderWidth: 1
  },