React ApexCharts не будет отображать данные категорий по оси X

Question

Объяснение

Я использую избыточность для обновления значений, предоставленных для диаграммы в веб-панели React JS. Проблема заключается в том, что при переходе от временного ряда к категории категории на оси X исчезают.

Это мой код. Component.js

<Chart options={this.props.options} series={this.props.series} type="area" height="387" />

В редукторе я изменяю свои данные следующим образом:

      console.log(action.categories); //categories in chart
      console.log(action.chartData); //series component in chart
      return { ...state,
        unique_visitors: action.payload,
        loading_unique_visitors: false,
        chartData: action.chartData,
        timeData: action.timeData,
        categories: action.categories,
        options: {
          ...state.options,
          xaxis: {
            ...state.options.xaxis,
            categories: action.categories,
            type: _.isEmpty(action.categories) ?  'datetime' : '',
          }
        },
        series: [{ name: 'unique visitors', data: action.chartData }]
      };

Я зарегистрировал объект серии и объект категорий, отправленный компоненту Диаграмма, диаграмма должна обновляться в соответствии с выбранным периодом, ежемесячно, еженедельно и т. Д.

Объект Categories является пустым, а последний является объектом данных серии. Это показывает график.

Показывает объект зарегистрированных категорий и объект серии Здесь элементы оси (категории) не будут отображаться. Когда все сделано статически, я вижу элементы оси X.