[BUG] Visualize/Dashboards - Horizontal Bar Chart - Highlighting chart not changing timeframe

[shoustech]

Describe the bug

In visualize if you start creating a vertical bar chart with the following 2 buckets:

• Split series - term - some.string.field
• X-axis - date histogram

There is a strange issue where highlighting a range on the chart will not update the timeframe. Instead the highlighted area will just remain highlighted and you can move it around. This is strange because flipping the buckets (so it would be date histogram as the first bucket and split series as the second) completely resolves the problem.

Saving this visualization and adding it to a dashboard will exhibit the same problem.

OpenSearch Version
2.13.0

Dashboards Version
2.13.0

Screenshots

Visualize.-.OpenSearch.Dashboards.-.Google.Chrome.2024-04-23.16-07-06.mp4

Host/Environment (please complete the following information):

• playground.opensearch.org

Additional context
Direct URL to a visualization with the problem: https://playground.opensearch.org/app/visualize#/create?type=histogram&indexPattern=90943e30-9a47-11e8-b64d-95841ca0b247&_g=(filters:!(),refreshInterval:(pause:!f,value:900000),time:(from:'2024-04-05T14:03:49.076Z',to:'2024-04-19T09:55:24.336Z'))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!((enabled:!t,id:'1',params:(),schema:metric,type:count),(enabled:!t,id:'4',params:(field:ip,missingBucket:!f,missingBucketLabel:Missing,order:desc,orderBy:'1',otherBucket:!f,otherBucketLabel:Other,size:5),schema:group,type:terms),(enabled:!t,id:'3',params:(drop_partials:!f,extended_bounds:(),field:timestamp,interval:auto,min_doc_count:1,scaleMetricValues:!f,timeRange:(from:'2024-04-05T14:03:49.076Z',to:'2024-04-19T09:55:24.336Z'),useNormalizedOpenSearchInterval:!t),schema:segment,type:date_histogram)),params:(addLegend:!t,addTimeMarker:!f,addTooltip:!t,categoryAxes:!((id:CategoryAxis-1,labels:(filter:!t,show:!t,truncate:100),position:bottom,scale:(type:linear),show:!t,style:(),title:(),type:category)),grid:(categoryLines:!f),labels:(show:!f),legendPosition:right,row:!t,seriesParams:!((data:(id:'1',label:Count),drawLinesBetweenPoints:!t,lineWidth:2,mode:stacked,show:!t,showCircles:!t,type:histogram,valueAxis:ValueAxis-1)),thresholdLine:(color:%23E7664C,show:!f,style:full,value:10,width:1),times:!(),type:histogram,valueAxes:!((id:ValueAxis-1,labels:(filter:!f,rotate:0,show:!t,truncate:100),name:LeftAxis-1,position:left,scale:(mode:normal,type:linear),show:!t,style:(),title:(text:Count),type:value))),title:'',type:histogram))

[ashwin-pc]

@shoustech Thank you so much for raising this issue and for the link to reproduce the issue.