reactjs - React Apex 图表响应性

Question

我正在使用 Apex Chart 的 React 库，但无法使其在移动视图上响应。目前，图表呈现如下：

x 轴上的标签相互重叠，这是不可取的。而且我也不想在 x 轴的 tickAmount 上妥协。有没有办法让图表在内部沿水平方向滚动，以便在溢出的情况下，我可以滚动图表并检查约会，例如 6 月 4 日。我检查了文档，但没有发现任何有用的东西。xaxis 的响应属性也没有任何帮助。任何帮助，将不胜感激。

这是当前的配置对象：

const data = meta.chart
    ? {
          options: {
              theme: {
                  mode: palette.type,
              },
              legend: {
                  position: 'bottom',
              },
              chart: {
                  type: meta.chart.type || 'line',
                  height: 300,
              },
              plotOptions: {
                  bar: {
                      horizontal: false,
                      columnWidth: '80%',
                  },
              },
              stroke: {
                  show: true,
                  width: 2,
              },
              xaxis: {
                  categories: meta.chart.xaxis,
                  tickPlacement: 'on',
              },
              markers: {
                  size: 1,
              },
              ...tooltip,
          },
      }
    : null

标签： reactjsapexcharts