Splitting toolbox feature dataZoom into components

Question

Having trouble splitting dataZoom into separate components, idea is [5] will have different configuration from the rest. Split works fine outside toolbox, doesn't work inside of toolbox.

There is a [5] index, which is not zoomed with datazoom outside toolbox, but it is zoomed when using datazoom inside toolbox

Toolbox datazoom should work as datazoom outside it.

  dataZoom: [
    {
      type: 'inside',
      yAxisIndex: 'none',
      xAxisIndex: [0, 1, 2, 3],
    },
    {
      type: 'inside',
      yAxisIndex: 'none',
      xAxisIndex: [4],
    }
  ],

  toolbox: {
    left: 0,
    bottom: 0,
    itemSize: 40,
    feature: {
      dataZoom: [
        {
          id: '1',
          type: 'inside',
          yAxisIndex: 'none',
          xAxisIndex: [0, 1, 2, 3],
        },
        {
          id: '2',
          type: 'inside',
          yAxisIndex: 'none',
          xAxisIndex: [4],
        }],
      restore: {},
      saveAsImage: {},
    },
  },

So far I've tried moving around blocks, giving id, defining zoomconfig and giving it to feature.datazoom

Edit:

No zoom

Zoomed with mouse

Zoomed with Toolbox

As you can see where it's zoomed in with Toolbox, days are also zoomed in, I am trying to achieve that, when toolbox is used, [5] or day names on xaxis do not get zoomed. Like when it's zoomed in using mouse.